Welcome to Onbook!

Onbook is a "Cursor for Designers" that enables designers to make live edits to React and TailwindCSS projects directly within the browser DOM. It provides a seamless integration between design and development.

Onbook Interface Onbook's intuitive design interface lets you edit React components visually

What is Onbook?

Onbook lets you:

Edit designs directly in a browser-like interface
Have changes automatically reflected in the code
Use AI assistance to generate and modify code
Manage project styling through a theme system
Deploy websites directly from the application

With Onbook, designers can take control of implementation, reducing the gap between design and development. Create production-ready code without requiring deep coding knowledge.