Carrd
One‑page site builder for simple personal pages, portfolios, and landing pages
Open-Source Projects
Discover top open-source software, updated regularly with real-world adoption signals.
Discover top open-source software, updated regularly with real-world adoption signals.
AI‑powered visual editor that builds Next.js apps in the browser
Onlook lets designers create, style, and edit React‑based Next.js sites visually, with AI assistance, real‑time preview, and direct DOM‑to‑code synchronization—all in a browser‑based editor.
When teams consider Onlook, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Rapid MVP prototyping
Generate a functional Next.js prototype from a text prompt in minutes, then tweak layout visually.
Design hand‑off for developers
Designers edit UI in the visual editor while developers see exact code changes instantly, reducing miscommunication.
AI‑driven UI refinement
Use the AI chat to suggest accessibility improvements and automatically apply Tailwind classes.
Component library creation
Detect reusable components, extract them, and manage them through the built‑in component panel for future projects.
Onlook can be run locally on any machine with Node/Bun, or accessed via the upcoming hosted version; no additional IDE plugins are required.
The editor currently works with Next.js projects that use TailwindCSS; support for other React frameworks is planned.
Onlook connects to external LLM providers through the AI SDK (e.g., OpenRouter) and uses the chat interface to generate or modify code based on user prompts.
Real‑time collaborative editing is on the roadmap but not yet available; you can share a preview link for feedback.
When running locally, all code stays on your machine. The hosted service follows standard privacy practices outlined in its documentation.
Project at a glance
ActiveLast synced 4 days ago
