DEV Community

Cover image for LiveCodes AI Code Assistant
Hatem Hosny for LiveCodes

Posted on • Originally published at

LiveCodes AI Code Assistant

I'm excited to announce the general availability of LiveCodes AI Code Assistant. It is totally free, for unlimited usage, with no account or API token required and with no need to install any browser extensions. It can be easily enabled from the UI (as easy as flipping a switch!)

enable AI in LiveCodes

The AI code completion is powered by Codeium, the ultrafast Copilot alternative.

It has a wide range of language support, and it works everywhere (in the standalone app, embedded playgrounds and self-hosted apps).

Currently, only Monaco editor is supported. Wider editor support is planned.




How it works?

The large generative machine learning model is capable of understanding the context of your code and comments (across the 3 code editors) in order to generate suggestions on what you might want to type next.

How can I use it?

The AI code assistant can be enabled from:


The editor settings screen (App menu → Editor Settings → Enable AI Code Assistant).

When set from the UI, this configuration is saved locally to user settings and is remembered across sessions.


Alternatively, this can be enabled/disabled (only for the current session) using the enableAI property in the configuration object. This can be used to enable the AI code assistant in embedded playgrounds.


import { createPlayground } from 'livecodes';

createPlayground('#container', {
  config: {
    enableAI: true,
Enter fullscreen mode Exit fullscreen mode

Also this can be enabled using query params (e.g.

Why isn't it enabled by default?

When using the AI assistant, your code is sent to Codeium servers for code completion. LiveCodes has a very strict philosophy which mandates that your code never leaves your device unless you choose to.

Please note that even though your code is sent to Codeium, it is not used for training their model. Check Codeium FAQ and privacy policy for more details.

Moreover, in many uses of LiveCodes it may not be desirable to have AI code completions (e.g. courses, quizzes, etc.).

Let's try it! 🚀

Go to the editor settings screen. Enable the AI code assistant and enjoy the magic! ✨

Please ⭐ star the project on GitHub if you like it, and follow LiveCodes on Twitter to be notified with latest updates!

Top comments (0)