Important
This project will no longer be updated. When I restart the project in the future, the codebase will be a separate one.
Macaron is rebranding to UIMix and is under active development. The old version is still available at the links below.
UIMix is a WYSIWYG editor for React components that offers a Figma or Framer-like experience for creating and maintaining React components.
It aims to bridge the gap between modern design tools / no-code web builders and modern front-end development, by combining their strengths.
🚧 Very work-in-progress, do not use in production!
- Freehand editing equivalent to Figma / Framer
- Launch the locally-running editor from CLI
- Emit React components with types that can be easily overridden
- Import React components directly into the editor
- Sync with Figma files
- Collaborative editing
- Support other frameworks and Web Components
- Publish as a cloud service, enabling non-developers to utilize the platform
- Managed website hosting that offers a complete no-code starting point for new projects, with the ability to gradually integrate code as needed
- Publish as a WYSIWYG editor library
git clone --recursive git@github.com:uimix-editor/uimix.git
cd uimix
pnpm install
pnpm build
pnpm package
- Figma plugin:
packages/figma/uimix-figma-plugin.zip - VSCode extension:
packages/vscode/uimix-vscode-{version}.vsix