Skip to content

AI-enabled code editor for React. Unlimited AI autocomplete capabilities with full Typescript support.

License

Notifications You must be signed in to change notification settings

andyzg/codeium-react-editor

 
 

Repository files navigation

Codeium Editor

built with Codeium

NPM

Codeium React Editor is a free, open-source code editor with unlimited autocomplete. Brought to you by the team at Codeium. Free with no account required.

codeium demo

Features

  • Unlimited autocomplete (no account required)
  • Customizable API extended from Monaco React

Demo

Check it out here!

Getting Started

Install using any of these package manager.s

# NPM
npm install @codeium/react-code-editor

# Yarn
yarn add @codeium/react-code-editor

# PNPM
pnpm install @codeium/react-code-editor

Now import the CodeiumEditor and enjoy lightning fast autocomplete, directly in your browser, 100% for free!

import { CodeiumEditor } from "@codeium/react-code-editor";

export const IdeWithAutocomplete = () => {
  return (
    <div>
      <p>Here's an AI-powered Python editor using Codeium.</p>
      <CodeiumEditor language="python" theme="vs-dark" />
    </div>
  );
};

Examples

Here are some examples of Codeium React Editor used in production:

How it works

This project is a wrapper around Microsoft's Monaco editor which is the editor that powers VS Code with the extended capability of providing code autocompletion.

The autocompletes are provided by analyzing the editor's content and predicting and providing suggestions based on that context. To learn more about how the autocompletion works, visit Codeium's FAQ.

API

The core API of the editor is the same as that of the wrapped project. You can view the editor API here.

Acknowledgements

This project would not have been possible without Suren Atoyan's Monaco React project.

Issues

Create issues in this repositories for anything related to autocompletion functionality. If you have any issues with the editor API or functionality, create an issue in the editor repository.

License

License

About

AI-enabled code editor for React. Unlimited AI autocomplete capabilities with full Typescript support.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 71.7%
  • MDX 25.6%
  • JavaScript 2.7%