Table of Contents
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.
Onlook-GitHub-Demo.mp4
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.
- Visit onlook.com to download the app.
- Run locally following this guide
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.
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).
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.
- Team: Discord - Twitter - LinkedIn - Email
- Project: https://github.com/onlook-dev/onlook
- Website: https://onlook.com
Projects we're inspired by:
Distributed under the Apache 2.0 License. See LICENSE.md for more information.
![@dependabot[bot]](https://avatars.githubusercontent.com/in/29110?s=64&v=4){kind=small}
![@devin-ai-integration[bot]](https://avatars.githubusercontent.com/in/811515?s=64&v=4){kind=small}
