https://github.com/onlook-dev/onlook Skip to content Navigation Menu Toggle navigation Sign in * Product + Actions Automate any workflow + Packages Host and manage packages + Security Find and fix vulnerabilities + Codespaces Instant dev environments + GitHub Copilot Write better code with AI + Code review Manage code changes + Issues Plan and track work + Discussions Collaborate outside of code Explore + All features + Documentation + GitHub Skills + Blog * Solutions By size + Enterprise + Teams + Startups By industry + Healthcare + Financial services + Manufacturing By use case + CI/CD & Automation + DevOps + DevSecOps * Resources Topics + AI + DevOps + Security + Software Development + View all Explore + Learning Pathways + White papers, Ebooks, Webinars + Customer Stories + Partners * Open Source + GitHub Sponsors Fund open source developers + The ReadME Project GitHub community articles Repositories + Topics + Trending + Collections * Enterprise + Enterprise platform AI-powered developer platform Available add-ons + Advanced Security Enterprise-grade security features + GitHub Copilot Enterprise-grade AI features + Premium Support Enterprise-grade 24/7 support * Pricing Search or jump to... Search code, repositories, users, issues, pull requests... Search [ ] Clear Search syntax tips Provide feedback We read every piece of feedback, and take your input very seriously. [ ] [ ] Include my email address so I can be contacted Cancel Submit feedback Saved searches Use saved searches to filter your results more quickly Name [ ] Query [ ] To see all available qualifiers, see our documentation. Cancel Create saved search Sign in Sign up Reseting focus You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert {{ message }} onlook-dev / onlook Public * Notifications You must be signed in to change notification settings * Fork 88 * Star 1.8k The open source, local-first Webflow alternative. Design directly in your live React site and publish your changes to code. onlook.dev License Apache-2.0 license 1.8k stars 88 forks Branches Tags Activity Star Notifications You must be signed in to change notification settings * Code * Issues 41 * Pull requests 1 * Discussions * Actions * Projects 2 * Wiki * Security * Insights Additional navigation options * Code * Issues * Pull requests * Discussions * Actions * Projects * Wiki * Security * Insights onlook-dev/onlook This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. main BranchesTags Go to file Code Folders and files Name Name Last commit Last commit message date Latest commit History 140 Commits .github .github .husky .husky .vscode .vscode app app assets assets backend backend cli cli demos demos docs docs plugins plugins .gitignore .gitignore CODE_OF_CONDUCT.md CODE_OF_CONDUCT.md CONTRIBUTING.md CONTRIBUTING.md LICENSE.md LICENSE.md README.md README.md SECURITY.md SECURITY.md bun.lockb bun.lockb package.json package.json View all files Repository files navigation * README * Code of conduct * Apache-2.0 license * Security GitHub Thumbnail v2 Onlook The first browser-powered visual editor. Explore the docs >> View Demo * Report Bug * Request Feature Discord LinkedIn Twitter Table of Contents 1. About 2. Installation 3. Usage 4. Roadmap 5. Contributing 6. Contact 7. Acknowledgments 8. License About the Project The open-source, local-first visual editor for your React Apps Seamlessly integrate with any website or webapp 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.Studio.Component.Demo.for.GitHub.mp4 Export-1724891449817 Built With * React * Electron * Tailwind * Vite 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 image Installation 1. Clone the repo git clone https://github.com/onlook-dev/onlook.git 2. Navigate to app folder inside the project cd onlook/app 3. Install NPM packages npm install 4. Run the project npm run dev Try Onlook with a demo project 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: 1. Run the demo project cd demos/next && npm install && npm run dev 2. Open Onlook studio 3. Point to http://localhost:3000 For more examples, please refer to the Documentation Using your own React project To try with your own React + TailwindCSS project, follow the following steps: Use the CLI 1. Run this command on your project's root folder: npx onlook 2. Run your project locally 3. Open Onlook studio to where your project is running locally. For example http://localhost:3000 See the the CLI package for more information. Manual setup Optional step for if you'd rather set up manually. We recommend using the CLI method above. 1. Install the corresponding Onlook plugins for your React framework: 1. Nextjs 2. Babel (webpack, esbuild, vite, etc.) 2. Run your project in dev mode 3. Open Onlook studio to where your project is running locally. For example http://localhost:3000 The code for the plugins are under plugins. Roadmap image 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 * [ ] Components * [ ] Variables Also check the open issues for a full list of proposed features (and known issues). Contributing image 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 [6874747073] Contact image * Onlook Team - @onlookdev - contact@onlook.com * Project Link: https://github.com/onlook-dev/onlook * Website: https://onlook.dev Acknowledgments * Project Visbug * Responsively App License Distributed under the Apache 2.0 License. See LICENSE.md for more information. About The open source, local-first Webflow alternative. Design directly in your live React site and publish your changes to code. onlook.dev Topics electron react design typescript ui browser frontend nextjs devtool webflow low-code no-code tailwindcss local-first vitejs Resources Readme License Apache-2.0 license Code of conduct Code of conduct Security policy Security policy Activity Custom properties Stars 1.8k stars Watchers 14 watching Forks 88 forks Report repository Releases 15 Release 0.0.16 Latest Aug 28, 2024 + 14 releases Packages 0 No packages published Contributors 14 * @Kitenite * @drfarrell * @bkrmendy * @SkyC0der * @kartik-raj7 * @spartan-bachdkle * @nicklammo * @mdp * @rossrobino * @ScubyG * @dependabot[bot] * @Sachinsingh2002 * @yomalbalooshi * @kartikey-unstudio Languages * TypeScript 52.3% * JavaScript 46.0% * Rust 1.2% * Other 0.5% Footer (c) 2024 GitHub, Inc. Footer navigation * Terms * Privacy * Security * Status * Docs * Contact * Manage cookies * Do not share my personal information You can't perform that action at this time.