Alchemy is a drag and drop UI builder for React, allowing your team to quickly prototype using any set of React components.
$ npm install react-alchemy
Features
Drag and drop UI creation
Quickly build prototypes using any ReactJS component. Drop a new element on the page, drag to move and reorder existing elements. Undo and redo capability for any and all changes made.
Full control over components
Details matter. Edit components that have been added to the UI by changing their properties, styles and content.
User accounts and projects support
Alchemy comes with basic account management, including the ability for users to create and save projects. Each project can have unlimited pages, so keeping designs organized is simple.
Export to a working React project
Export creations to a zip file of a functioning react project. This project includes the correct dependencies based on the components used in the design.
Quick Start
$ npm install react-alchemy && alchemy
Log in with user: "alchemy" and pass: "welcome"
Slightly slower start
$ npm install react-alchemy
// Create an `alchemy.config.jsx`
// See docs for details
$ alchemy
// Open browser to http://localhost:3000