Onlook Studio
The open source, local-first Webflow alternative.
Collaboration
Table of Contents
The open-source Cursor for Designers
Seamlessly integrate with any website or web app running on React + TailwindCSS, and make live edits directly in the browser DOM. Customize your design, control your codebase, and push changes your changes without compromise.
https://github.com/user-attachments/assets/c8782d1e-fedc-46f3-8735-c3a762d4db16
Built With
Stay up-to-date
Onlook officially launched our first version of Onlook on July 08, 2024 and we've shipped a ton since then. Watch releases of this repository to be notified of future updates, and you can follow along with us on LinkedIn or Substack where we write a weekly newsletter.
Getting Started
Installation
- Visit onlook.com to download the app.
- Run locally following this guide
Usage
Onlook will run on any React project, bring your own React project or create one using Onlook
Use the chat to create or edit a project you're working on. At any time, you can always right-click an element to open up the exact location of the element in code. Just be sure to choose your preferred IDE in the upper-right Corner of the screen.
Roadmap
See how we're tracking towards major milestones, and read the wiki for details on each version of Onlook. Here's a rough overview of some of the major features we're looking at:
- Browser
- Editor
- Write-to-code
- AI chat
- Variables
- Components
- Hosting
Also check the open issues for a full list of proposed features (and known issues).
Contributing
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also open issues.
See the CONTRIBUTING.md for instructions and code of conduct.
Contributors
Contact
- Team: Discord - Twitter - LinkedIn - Email
- Project: https://github.com/onlook-dev/onlook
- Website: https://onlook.com
Acknowledgments
Projects we're inspired by:
License
Distributed under the Apache 2.0 License. See LICENSE.md for more information.