Villainterest - Product Notes
Minimalist Interior with Dramatic Lighting
Black Leather Bar Stool with Brass Accents
Spikey Ceramic Iron Metal Sculpture
Black Bar Stool Silhouette Design
Ceramic Brutalist Objects with Spikes
Brutalist Dark Glass Vase Sculpture
Golden Muted Interior with Sharp Lines
Contemporary Brutalist Interior Design
Minimalist Zig-Zag Chair Design
Minimalist Metallic Sheer Design
Lounge Chair Against Clean Wall
Metallic Chair with Brutalist Design
Living Room with Metal Furniture Design
.jpg)
Metallic Brushed Metal Chair Design
Black Leather Furniture Design
Minimalist Interior with Dramatic Lighting
Black Leather Bar Stool with Brass Accents
Black Bar Stool Silhouette Design
Ceramic Brutalist Objects with Spikes
Brutalist Dark Glass Vase Sculpture
Golden Muted Interior with Sharp Lines
Contemporary Brutalist Interior Design
Minimalist Zig-Zag Chair Design
Minimalist Metallic Sheer Design
Lounge Chair Against Clean Wall
Spikey Ceramic Iron Metal Sculpture
Metallic Chair with Brutalist Design
Living Room with Metal Furniture Design
Metallic Brushed Metal Chair Design
Layers
Brand
Pages
Assets
Elements
Apps
Villainterest - Product Notes
Minimalist Interior with Dramatic Lighting
Black Leather Bar Stool with Brass Accents
Spikey Ceramic Iron Metal Sculpture
Black Bar Stool Silhouette Design
Ceramic Brutalist Objects with Spikes
Brutalist Dark Glass Vase Sculpture
Golden Muted Interior with Sharp Lines
Contemporary Brutalist Interior Design
Minimalist Zig-Zag Chair Design
Minimalist Metallic Sheer Design
Lounge Chair Against Clean Wall
Metallic Chair with Brutalist Design
Living Room with Metal Furniture Design
Metallic Brushed Metal Chair Design
Black Leather Furniture Design
Minimalist Interior with Dramatic Lighting
Black Leather Bar Stool with Brass Accents
Black Bar Stool Silhouette Design
Ceramic Brutalist Objects with Spikes
Brutalist Dark Glass Vase Sculpture
Golden Muted Interior with Sharp Lines
Contemporary Brutalist Interior Design
Minimalist Zig-Zag Chair Design
Minimalist Metallic Sheer Design
Lounge Chair Against Clean Wall
Spikey Ceramic Iron Metal Sculpture
Metallic Chair with Brutalist Design
Living Room with Metal Furniture Design
Metallic Brushed Metal Chair Design
Layers
Brand
Pages
Assets
Elements
Apps
Design with AI on an infinite canvas
Craft, preview, and iterate with AI to ship better websites and prototypes faster than ever.
Villainterest - Product Notes
Minimalist Interior with Dramatic Lighting
Black Leather Bar Stool with Brass Accents
Spikey Ceramic Iron Metal Sculpture
Black Bar Stool Silhouette Design
Ceramic Brutalist Objects with Spikes
Brutalist Dark Glass Vase Sculpture
Golden Muted Interior with Sharp Lines
Contemporary Brutalist Interior Design
Minimalist Zig-Zag Chair Design
Minimalist Metallic Sheer Design
Lounge Chair Against Clean Wall
Metallic Chair with Brutalist Design
Living Room with Metal Furniture Design
Metallic Brushed Metal Chair Design
Black Leather Furniture Design
Minimalist Interior with Dramatic Lighting
Black Leather Bar Stool with Brass Accents
Black Bar Stool Silhouette Design
Ceramic Brutalist Objects with Spikes
Brutalist Dark Glass Vase Sculpture
Golden Muted Interior with Sharp Lines
Contemporary Brutalist Interior Design
Minimalist Zig-Zag Chair Design
Minimalist Metallic Sheer Design
Lounge Chair Against Clean Wall
Spikey Ceramic Iron Metal Sculpture
Metallic Chair with Brutalist Design
Living Room with Metal Furniture Design
Metallic Brushed Metal Chair Design
Layers
Brand
Pages
Assets
Elements
Apps
Native design tool features that work 1:1 with code.
A true developer tool for designers, helping you code without knowing anything about code.
AI • Code • Design
Side-by-side-by-side
Drag, resize, and arrange elements directly on the canvas. See changes in real code instantly.
Components
Design with the buttons, cards, and layouts your engineers already built. Your actual design system.
Versions
Never lose your progress – revert when you need to
Reference images, designs, and docs in chat. AI sees what you see — no more explaining from scratch.
AI is constrained to your colors, fonts, and tokens. No drift. No off-brand outputs.
Layers
See your component hierarchy. Click any layer to select it on the canvas.
...and so
much more
Supported by you &
... other builders
Join the community building
the open source Cursor for Designers
Tens of thousands of
builders love Onlook
Frequently
asked questions
Onlook is a visual design canvas that connects to your existing codebase. Designers drag real components onto an infinite canvas, make changes visually, and submit pull requests — no coding required.
Traditional design tools create static mockups that must be rebuilt in code. Onlook works with your real components — what you design IS the code. Changes become PRs, not handoff specs.
AI generators create new code from scratch. Onlook constrains AI to YOUR existing components, so outputs match your design system. No translation, no drift.
No. Designers use a visual canvas with familiar tools. Real code runs underneath — you don't need to touch it unless you want to.
Yes. Share your canvas, leave spatial comments, and work together in real-time. Changes sync to code and can be submitted as PRs for engineers to review.
React, Next.js, and any CSS approach (Tailwind, CSS modules, styled-components). Works with any component library.
Yes, Onlook can be self-hosted for free on GitHub. For the hosted cloud version, please contact our team or book a demo.
The code you make with Onlook is all yours. Export it locally, publish to GitHub, or deploy to a custom domain.