- Clone the repo
git clone https://github.com/onlook-dev/studio.git
- Navigate to app folder
cd app
- Install NPM packages
npm install
- Run the project
npm run dev
We have a few demo projects included in the demos
folder. These inside are a standard React app and a Next.js React app.
These are already set up with the Onlook plugins and have code written to them directly.
To run, follow the following steps:
- Run the demo project
cd demos/next && npm install && npm run dev
- Open Onlook studio
- Point to
http://localhost:3000
For more examples, please refer to the Documentation
To try with your own React + TailwindCSS project, follow the following steps:
- Install the corresponding Onlook plugins for your React framework:
- Run your project in dev mode
- Open Onlook studio to where your project is running locally. For example
http://localhost:3000
The code for the plugins are under plugins
.