Drop any element and it arrives designed. Open its studio to pick a design or tune every setting, then keep editing on the canvas.
Pick a group and a list to browse its designs.
A studio is a full-screen designer for one part of your site: a gallery of ready designs on one side, every setting on the other.
Open the studio from the element on your canvas. Browse its designs by category, each drawn live with the real renderer.
Colors, fonts, spacing, motion, hover effects and the dark-mode palette, with undo and a preview on desktop, tablet and phone.
A studio writes ordinary elements, so your text, links and pictures stay yours. Reopen the studio any time and it remembers the design.
21 studios in the builder
Full-screen designers, each with a gallery of ready designs.
Theme, background, header, footer, sidebar, loading screen, slider, tabs, accordion, button, text, graph, table, collapsible, shape, image, video, embed, form, sign-in forms and status screens.
Designs in 27 lists, grouped by website type or by style.
ExampleGraphs come grouped as Business, Portal, Events and nine more website types.
Colors, fonts, spacing, motion and hover effects, with undo and previews on desktop, tablet and phone.
Each design brings its dark colors, or follows your theme's.
Applying a design keeps your words, links, pictures and data.
ExampleRestyle a table and its rows stay exactly as you typed them.
Graphs and tables take rows pasted straight from a spreadsheet.
Video players load only when pressed, and embeds turn YouTube, Vimeo, Spotify, SoundCloud, Loom, Figma, CodePen and Google Maps links into players and maps.
ExamplePaste a Google Maps link and get a styled map in a browser frame.
A canvas with real design controls.
Sections, containers, sliders, tabs, accordions, text, rich text, collapsibles, images, video, embeds, buttons, forms, shapes, tables, graphs and a theme toggle.
ExampleDrop a slider into a section and it arrives already designed.
See the page's structure, reorder it, and select anything nested deep inside.
Separate styles for desktop, tablet and phone, and hide any element on any of them.
ExampleThree columns on desktop become one column on phones.
Layout, size, position, typography, borders, radius, shadows, filters, transforms and text effects.
ExampleGive a heading a soft shadow and a gradient fill without writing CSS.
Link any color, font or radius to your theme, so the element changes when the theme does.
Take the look of one element and apply it to another in one click.
Save your own elements to reuse anywhere, or drop in ready-styled elements from the shared library.
Icons from Lucide, Tabler, Phosphor, Font Awesome, Heroicons, Bootstrap, Remix, Google and Simple Icons, plus your own SVG uploads.
Show a member's own details inside any text.
Example“Welcome back, Alex” at the top of the account page.
Add your own CSS, or open the page, header, footer and overlays as code and edit them directly.
Step back through changes while you work, and restore an earlier version of any page.
Start from one of 145 complete websites, change anything in the studios, and publish on your own domain.
