Launch your projects faster with admin dashboards, website templates, components, blocks, and pre-built real-world examples.
Two-column hero with badge, headline, and buttons on the left and vertical image marquees on the right.
Full-screen image hero with dark overlay, nav, and headline with one CTA at bottom left.
Centered hero with badge, headline, two buttons, and a row of avatars with star rating.
Centered hero with a version badge, headline with one highlighted word, and two buttons.
Full-height hero with gradient, nav, centered headline, prompt input, and suggestion chips.
Two-column hero: left side text with badge and buttons, right side grid of cards and avatars.
Two-column hero with badge and headline on the left, product image grid on the right, and stats below.
Two-column hero with headline and email signup on the left, animated icon orbits on the right.
Centered hero with pill-shaped nav, badge, headline, two buttons, and a stat cards grid.
Full-width image hero with nav, centered headline, and an inline booking form with stats.
A hover card is a card that appears when the user hovers over an element. Every variant behaves consistently across Radix UI and Base UI.
A hover card is a card that appears when the user hovers over an element. Every variant behaves consistently across Radix UI and Base UI.
A hover card is a card that appears when the user hovers over an element. Every variant behaves consistently across Radix UI and Base UI.
Centered section with badge, heading, and three icon steps connected by dashed curved lines.
Centered heading with uppercase label and three bordered cards each showing an image, bold title, description, and a Learn more link.
Three-column layout with heading and two steps on the left, a portrait building image in the center, and description with two steps on the right.
Two-column layout with a full-height image on the left and numbered steps with dividers on the right.
Minimal centered layout with heading, subtitle, and three steps separated by dividers with inline number badges.
3-column grid with a heading card on the top-left and five bordered step cards each showing a number badge, title, and description.
Editorial layout with a slash-prefixed heading, a dark hero card for step 01, and outlined pill-badged rows for steps 02–04.
Centered heading with italic label, and three bordered cards each showing a large watermark number, bold title, and description.
Two-column interactive layout with an image panel on the left that switches per step, and auto-advancing steps with progress bars on the right.
2x2 grid layout with four steps each showing a number, heading, description, and an inline UI mockup card below.
A text input with a label, placeholder, and helper text. Each input variant pairs cleanly with Radix UI and Base UI form controls.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
A text input with a label, placeholder, and helper text. Each input variant pairs cleanly with Radix UI and Base UI form controls.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
A text input with a label, placeholder, and helper text. Each input variant pairs cleanly with Radix UI and Base UI form controls.
A text input with a label, placeholder, and helper text. Each input variant pairs cleanly with Radix UI and Base UI form controls.
A text input with a label, placeholder, and helper text. Each input variant pairs cleanly with Radix UI and Base UI form controls.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.
Input built with shadcn/ui.