Onlook

Onlook is “Cursor for Designers” - a visual code editor bridging design and development.

Strengths

• Design in the real product, not mockups
• AI-powered design assistance
• Writes directly to code in real-time
• Supports React/Next.js/Tailwind codebases
• Import existing GitHub projects
• Free self-hosted version available
• Tens of thousands of active users

Weaknesses

• React ecosystem only
• Requires existing codebase or technical setup
• Cloud pricing not publicly listed
• Newer tool, evolving rapidly