Molecule

A Web IDE UI library built by React.js, inspired by the Visual Studio Code.

Features

• Provides the default IDE Workbench same as the Visual Studio Code
• Allow to extends the default IDE Workbench
• Supports customize the IDE Workbench by React Component easily

Installation

npm install molecule
# Or
yarn add molecule

Basic Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { MoleculeProvider, Workbench } from 'molecule';
import 'molecule/esm/style/mo.css';

const App = () => (
    <MoleculeProvider extension={[]}>
        <Workbench />
    </MoleculeProvider>
);

ReactDOM.render(<App />, document.getElementById('root'));

For more complex examples please read the below document.

Document

• Basic React UI Components
• Workbench Parts
• Extension Services
• Advanced Usage

TODO

• Allow Users to customize settings
• Support internationalization, default includes zhCN, English
• Support alter keybinding

Contributing

Refer to the CONTRIBUTING.

Licence

MIT