Onlook

What it is

Onlook closes the design-to-code gap from the code side: open your actual React app in a visual canvas, drag and restyle elements like a design tool, and watch clean Tailwind changes land in your codebase. AI chat builds new sections; git keeps everything reviewable. Open source and loved by design engineers.

Key features

• Visual edits on live apps
• Real Tailwind code output
• AI section generation
• Git-native workflow