Builder

Compose a page out of real sections.

Pick sections from 307 blocks, drag them into order, and theme the lot in one go. What renders below is the actual component, not a picture of it — the same one the 126 pages in the catalog are built from. When it looks right, run it or take the source.

The layout and the theme both live in the address bar, so this page is shareable as a link and needs no account. Every edit is a normal navigation, which makes the back button an undo.

The catalog default. Every section reads its colours from tokens.

Outline

0 / 30

Nothing in the page yet. Add a section below — a hero is the usual first one — or drag one up here.

Canvas

Your page renders here as you add sections.

Add a section

Every block in the catalog, filtered by what it is. Click to append to the end of the page, or drag one into the outline to place it.

307 sections

Split Hero with Product PanelHeroesAdd Split Hero with Product Panel to the page
Centered Announcement HeroHeroesAdd Centered Announcement Hero to the page
Hero with Browser FrameHeroesAdd Hero with Browser Frame to the page
Waitlist Hero with Email CaptureHeroesAdd Waitlist Hero with Email Capture to the page
Search-First HeroHeroesAdd Search-First Hero to the page
Developer Hero with Install CommandHeroesAdd Developer Hero with Install Command to the page
App Download Hero with PhoneHeroesAdd App Download Hero with Phone to the page
Hero Anchored by a Customer QuoteHeroesAdd Hero Anchored by a Customer Quote to the page
Hero with Proof MetricsHeroesAdd Hero with Proof Metrics to the page
Editorial Masthead HeroHeroesAdd Editorial Masthead Hero to the page
Full-Bleed Media HeroHeroesAdd Full-Bleed Media Hero to the page
Integration Wall HeroHeroesAdd Integration Wall Hero to the page
Appointment Booking HeroHeroesAdd Appointment Booking Hero to the page
Hero with Inline PriceHeroesAdd Hero with Inline Price to the page
Responsive NavbarNavigationAdd Responsive Navbar to the page
Dismissible Announcement BarNavigationAdd Dismissible Announcement Bar to the page
Navbar with Mega MenuNavigationAdd Navbar with Mega Menu to the page
Mobile Nav DrawerNavigationAdd Mobile Nav Drawer to the page
Signed-in Application BarNavigationAdd Signed-in Application Bar to the page
Mega Footer with Link ColumnsFootersAdd Mega Footer with Link Columns to the page
Minimal Footer BarFootersAdd Minimal Footer Bar to the page
Footer with Newsletter BandFootersAdd Footer with Newsletter Band to the page
App Footer with StatusFootersAdd App Footer with Status to the page
Regulated Seller FooterFootersAdd Regulated Seller Footer to the page
Split Contact FormContact & FormsAdd Split Contact Form to the page
Multi-Step Form with ValidationContact & FormsAdd Multi-Step Form with Validation to the page
Meeting SchedulerScheduling & CalendarAdd Meeting Scheduler to the page
Inline Feedback WidgetContact & FormsAdd Inline Feedback Widget to the page
Form with Error SummaryContact & FormsAdd Form with Error Summary to the page
Contact Sales FormContact & FormsAdd Contact Sales Form to the page
Support Ticket FormContact & FormsAdd Support Ticket Form to the page
Feature Launch EmailEmail TemplatesAdd Feature Launch Email to the page
Newsletter Digest EmailEmail TemplatesAdd Newsletter Digest Email to the page
Promotional Offer EmailEmail TemplatesAdd Promotional Offer Email to the page
Re-Engagement EmailEmail TemplatesAdd Re-Engagement Email to the page
Destructive Confirm DialogModals & DrawersAdd Destructive Confirm Dialog to the page
Cookie Consent BannerModals & DrawersAdd Cookie Consent Banner to the page
Slide-Over Edit PanelModals & DrawersAdd Slide-Over Edit Panel to the page
Faceted Filter DrawerModals & DrawersAdd Faceted Filter Drawer to the page
Share & Access DialogModals & DrawersAdd Share & Access Dialog to the page
Mobile Bottom SheetModals & DrawersAdd Mobile Bottom Sheet to the page
Unsaved Changes PromptModals & DrawersAdd Unsaved Changes Prompt to the page
Record Inspector DrawerModals & DrawersAdd Record Inspector Drawer to the page
Setup Checklist with ProgressOnboardingAdd Setup Checklist with Progress to the page
Guided Setup WizardOnboardingAdd Guided Setup Wizard to the page
Team Invite StepOnboardingAdd Team Invite Step to the page
Product Tour Coach MarkOnboardingAdd Product Tour Coach Mark to the page
Role PickerOnboardingAdd Role Picker to the page
Import or Start EmptyOnboardingAdd Import or Start Empty to the page
Workspace Setup FormOnboardingAdd Workspace Setup Form to the page
Data Migration SplitOnboardingAdd Data Migration Split to the page
Toast Notification StackNotificationsAdd Toast Notification Stack to the page
Notification Inbox PanelNotificationsAdd Notification Inbox Panel to the page
Notification Preferences MatrixNotificationsAdd Notification Preferences Matrix to the page
Push Permission Pre-PromptNotificationsAdd Push Permission Pre-Prompt to the page
Notification DigestNotificationsAdd Notification Digest to the page
Digest Schedule FormNotificationsAdd Digest Schedule Form to the page
Notification Channel ListNotificationsAdd Notification Channel List to the page
Hairline Stats BandStatsAdd Hairline Stats Band to the page
Stat Cards with DeltasStatsAdd Stat Cards with Deltas to the page
Stats Beside the ArgumentStatsAdd Stats Beside the Argument to the page
Before-and-After Metric TableStatsAdd Before-and-After Metric Table to the page
Milestone TimelineStatsAdd Milestone Timeline to the page
Benchmark Stat BandStatsAdd Benchmark Stat Band to the page
Security Posture BandStatsAdd Security Posture Band to the page
Seamless Logo MarqueeLogo CloudsAdd Seamless Logo Marquee to the page
Bordered Logo GridLogo CloudsAdd Bordered Logo Grid to the page
Under-Hero Logo StripLogo CloudsAdd Under-Hero Logo Strip to the page
Logos Grouped by IndustryLogo CloudsAdd Logos Grouped by Industry to the page
Bento Feature GridFeature SectionsAdd Bento Feature Grid to the page
Alternating Feature RowsFeature SectionsAdd Alternating Feature Rows to the page
Icon Feature GridFeature SectionsAdd Icon Feature Grid to the page
Integration Directory GridFeature SectionsAdd Integration Directory Grid to the page
Audience Persona CardsFeature SectionsAdd Audience Persona Cards to the page
Editor Window ShowcaseFeature SectionsAdd Editor Window Showcase to the page
Tabbed Feature ShowcaseFeature SectionsAdd Tabbed Feature Showcase to the page
Integration Depth SplitFeature SectionsAdd Integration Depth Split to the page
Three-Plan Pricing TogglePricingAdd Three-Plan Pricing Toggle to the page
Single-Plan Price CardPricingAdd Single-Plan Price Card to the page
Tiered Usage CalculatorPricingAdd Tiered Usage Calculator to the page
Plan Comparison MatrixPricingAdd Plan Comparison Matrix to the page
Prepaid Credit PacksPricingAdd Prepaid Credit Packs to the page
In-App Plan PickerPricingAdd In-App Plan Picker to the page
Pricing Value SplitPricingAdd Pricing Value Split to the page
Plan Limits ListPricingAdd Plan Limits List to the page
Masonry Testimonial WallTestimonialsAdd Masonry Testimonial Wall to the page
Single-Quote SpotlightTestimonialsAdd Single-Quote Spotlight to the page
Aggregate Rating BreakdownTestimonialsAdd Aggregate Rating Breakdown to the page
Scroll-Snap Quote RailTestimonialsAdd Scroll-Snap Quote Rail to the page
Video Testimonial CardsTestimonialsAdd Video Testimonial Cards to the page
Customer Outcome BandTestimonialsAdd Customer Outcome Band to the page
No-JS FAQ AccordionFAQAdd No-JS FAQ Accordion to the page
Two-Column FAQ with Help RailFAQAdd Two-Column FAQ with Help Rail to the page
Open FAQ GridFAQAdd Open FAQ Grid to the page
FAQ Grouped by TopicFAQAdd FAQ Grouped by Topic to the page
Filterable FAQ with FallbackFAQAdd Filterable FAQ with Fallback to the page
Objection FAQFAQAdd Objection FAQ to the page
Security FAQFAQAdd Security FAQ to the page
Release TimelineContent & BlogAdd Release Timeline to the page
Public Roadmap ColumnsContent & BlogAdd Public Roadmap Columns to the page
Blog Index GridContent & BlogAdd Blog Index Grid to the page
Case Study Card GridContent & BlogAdd Case Study Card Grid to the page
Article Header & BylineContent & BlogAdd Article Header & Byline to the page
Team GridContent & BlogAdd Team Grid to the page
Careers Openings BoardContent & BlogAdd Careers Openings Board to the page
Three-Column Docs FrameContent & BlogAdd Three-Column Docs Frame to the page
API Endpoint ReferenceContent & BlogAdd API Endpoint Reference to the page
Package Manager Code TabsContent & BlogAdd Package Manager Code Tabs to the page
Résumé DocumentContent & BlogAdd Résumé Document to the page
Video Player ShellContent & BlogAdd Video Player Shell to the page
Newsletter Capture BandCTA SectionsAdd Newsletter Capture Band to the page
Community Link BandCTA SectionsAdd Community Link Band to the page
Closing CTA PanelCTA SectionsAdd Closing CTA Panel to the page
Sticky Conversion BarCTA SectionsAdd Sticky Conversion Bar to the page
In-article CTA CardCTA SectionsAdd In-article CTA Card to the page
Referral Waitlist FormCTA SectionsAdd Referral Waitlist Form to the page
Demo Request FormCTA SectionsAdd Demo Request Form to the page
Email & Social Login CardAuthenticationAdd Email & Social Login Card to the page
Split Signup With ProofAuthenticationAdd Split Signup With Proof to the page
One-Time Code InputAuthenticationAdd One-Time Code Input to the page
Password Reset RequestAuthenticationAdd Password Reset Request to the page
New Password With Strength MeterAuthenticationAdd New Password With Strength Meter to the page
Two-Factor ChallengeAuthenticationAdd Two-Factor Challenge to the page
Email-First SSO Sign-InAuthenticationAdd Email-First SSO Sign-In to the page
Magic Link Sign InAuthenticationAdd Magic Link Sign In to the page
Enterprise SSO SplitAuthenticationAdd Enterprise SSO Split to the page
Grouped App SidebarSidebarsAdd Grouped App Sidebar to the page
Collapsible Icon-Rail SidebarSidebarsAdd Collapsible Icon-Rail Sidebar to the page
Rail Plus Secondary PanelSidebarsAdd Rail Plus Secondary Panel to the page
Nested Accordion SidebarSidebarsAdd Nested Accordion Sidebar to the page
Sidebar With Workspace SwitcherSidebarsAdd Sidebar With Workspace Switcher to the page
Floating Inset SidebarSidebarsAdd Floating Inset Sidebar to the page
Resizable Sidebar With SplitterSidebarsAdd Resizable Sidebar With Splitter to the page
Docs Sidebar With FilterSidebarsAdd Docs Sidebar With Filter to the page
Chat History SidebarSidebarsAdd Chat History Sidebar to the page
Mail Folders SidebarSidebarsAdd Mail Folders Sidebar to the page
File Explorer Tree SidebarSidebarsAdd File Explorer Tree Sidebar to the page
Sidebar Dashboard ShellDashboardsAdd Sidebar Dashboard Shell to the page
KPI Cards With DeltasDashboardsAdd KPI Cards With Deltas to the page
Activity Feed PanelDashboardsAdd Activity Feed Panel to the page
Page Header With TabsDashboardsAdd Page Header With Tabs to the page
Kanban Board ColumnsDashboardsAdd Kanban Board Columns to the page
Audit Log TimelineDashboardsAdd Audit Log Timeline to the page
Month Calendar GridScheduling & CalendarAdd Month Calendar Grid to the page
Conference Agenda GridScheduling & CalendarAdd Conference Agenda Grid to the page
Saved View TabsDashboardsAdd Saved View Tabs to the page
Comparison Period PickerDashboardsAdd Comparison Period Picker to the page
Alert Rule ListDashboardsAdd Alert Rule List to the page
Sortable Selectable TableData TablesAdd Sortable Selectable Table to the page
Table Search & Filter BarData TablesAdd Table Search & Filter Bar to the page
Pagination With Page WindowData TablesAdd Pagination With Page Window to the page
Expandable Detail RowsData TablesAdd Expandable Detail Rows to the page
Column Show, Hide & ReorderData TablesAdd Column Show, Hide & Reorder to the page
Bulk Action BarData TablesAdd Bulk Action Bar to the page
Inline Editable TableData TablesAdd Inline Editable Table to the page
Grouped Table with SubtotalsData TablesAdd Grouped Table with Subtotals to the page
Create Record FormCRUDAdd Create Record Form to the page
Create Record ModalCRUDAdd Create Record Modal to the page
Create Record DrawerCRUDAdd Create Record Drawer to the page
Record Detail PageCRUDAdd Record Detail Page to the page
Record Quick LookCRUDAdd Record Quick Look to the page
Edit Record FormCRUDAdd Edit Record Form to the page
Edit Record ModalCRUDAdd Edit Record Modal to the page
Field-Level Edit DrawerCRUDAdd Field-Level Edit Drawer to the page
Cascade Delete DialogCRUDAdd Cascade Delete Dialog to the page
Record Created StateCRUDAdd Record Created State to the page
Bulk Edit DrawerCRUDAdd Bulk Edit Drawer to the page
Archive and RestoreCRUDAdd Archive and Restore to the page
Grouped Settings LayoutSettingsAdd Grouped Settings Layout to the page
Profile Form With Save BarSettingsAdd Profile Form With Save Bar to the page
Team Members & InvitesSettingsAdd Team Members & Invites to the page
API Key ManagementSettingsAdd API Key Management to the page
Danger ZoneSettingsAdd Danger Zone to the page
Active Sessions & DevicesSettingsAdd Active Sessions & Devices to the page
Notification Channel MatrixSettingsAdd Notification Channel Matrix to the page
Audit LogSettingsAdd Audit Log to the page
Empty State With IllustrationEmpty & Error StatesAdd Empty State With Illustration to the page
Error State With RetryEmpty & Error StatesAdd Error State With Retry to the page
404 With Search & SuggestionsEmpty & Error StatesAdd 404 With Search & Suggestions to the page
Shimmer Skeleton ListEmpty & Error StatesAdd Shimmer Skeleton List to the page
Permission Denied (403)Empty & Error StatesAdd Permission Denied (403) to the page
Offline With Queued ChangesEmpty & Error StatesAdd Offline With Queued Changes to the page
Empty Because of FiltersEmpty & Error StatesAdd Empty Because of Filters to the page
Scheduled Maintenance WindowEmpty & Error StatesAdd Scheduled Maintenance Window to the page
Sparkline Metric CardsCharts & MetricsAdd Sparkline Metric Cards to the page
CSS Bar Chart PanelCharts & MetricsAdd CSS Bar Chart Panel to the page
Quota & Usage MetersCharts & MetricsAdd Quota & Usage Meters to the page
Dual-Series Line ChartCharts & MetricsAdd Dual-Series Line Chart to the page
Donut BreakdownCharts & MetricsAdd Donut Breakdown to the page
Daily Activity HeatmapCharts & MetricsAdd Daily Activity Heatmap to the page
Conversion FunnelCharts & MetricsAdd Conversion Funnel to the page
Metric Alert ListCharts & MetricsAdd Metric Alert List to the page
KPI Summary BandCharts & MetricsAdd KPI Summary Band to the page
Market Price TickerCharts & MetricsAdd Market Price Ticker to the page
Plan & Next Charge SummaryBilling & UsageAdd Plan & Next Charge Summary to the page
Invoice HistoryBilling & UsageAdd Invoice History to the page
Payment Methods On FileBilling & UsageAdd Payment Methods On File to the page
Subscription Cancel FlowBilling & UsageAdd Subscription Cancel Flow to the page
Overage Notice with ProjectionBilling & UsageAdd Overage Notice with Projection to the page
Seat Count & ProrationBilling & UsageAdd Seat Count & Proration to the page
Invoice DetailBilling & UsageAdd Invoice Detail to the page
Credit Balance and ExpiryBilling & UsageAdd Credit Balance and Expiry to the page
Support Chat WidgetCommunicationAdd Support Chat Widget to the page
Message Bubble ThreadCommunicationAdd Message Bubble Thread to the page
Attachment BubblesCommunicationAdd Attachment Bubbles to the page
Inbox Thread ListCommunicationAdd Inbox Thread List to the page
Inbox Reading PaneCommunicationAdd Inbox Reading Pane to the page
Voice Message PlayerCommunicationAdd Voice Message Player to the page
Video Call LayoutCommunicationAdd Video Call Layout to the page
Call Device SettingsCommunicationAdd Call Device Settings to the page
Support Ticket ThreadCommunicationAdd Support Ticket Thread to the page
Command PaletteCommand & SearchAdd Command Palette to the page
Grouped Search ResultsCommand & SearchAdd Grouped Search Results to the page
Keyboard Shortcuts SheetCommand & SearchAdd Keyboard Shortcuts Sheet to the page
Applied Filters BarCommand & SearchAdd Applied Filters Bar to the page
Header Search with SuggestionsCommand & SearchAdd Header Search with Suggestions to the page
Faceted Refinement PanelCommand & SearchAdd Faceted Refinement Panel to the page
Search Scope SwitcherCommand & SearchAdd Search Scope Switcher to the page
Recent Search ListCommand & SearchAdd Recent Search List to the page
Faceted Search ResultsCommand & SearchAdd Faceted Search Results to the page
Range Facet with HistogramCommand & SearchAdd Range Facet with Histogram to the page
Drag & Drop UploadFile UploadAdd Drag & Drop Upload to the page
Upload Progress ListFile UploadAdd Upload Progress List to the page
Resumable Large UploadFile UploadAdd Resumable Large Upload to the page
CSV Column MapperFile UploadAdd CSV Column Mapper to the page
Avatar Crop & UploadFile UploadAdd Avatar Crop & Upload to the page
Upload Requirements FormFile UploadAdd Upload Requirements Form to the page
Import From URL FormFile UploadAdd Import From URL Form to the page
Assistant Thread with ComposerAgent ChatAdd Assistant Thread with Composer to the page
Composer with @ Sources and / CommandsAgent ChatAdd Composer with @ Sources and / Commands to the page
Streaming Answer with CitationsAgent ChatAdd Streaming Answer with Citations to the page
Assistant Starter ScreenAgent ChatAdd Assistant Starter Screen to the page
Message Version SwitcherAgent ChatAdd Message Version Switcher to the page
Chat Beside a CanvasAgent ChatAdd Chat Beside a Canvas to the page
Model Picker with Trade-offsAgent ChatAdd Model Picker with Trade-offs to the page
Prompt Attachment TrayAgent ChatAdd Prompt Attachment Tray to the page
Collapsible Thinking TraceAgent ReasoningAdd Collapsible Thinking Trace to the page
Tool Call ChipsAgent ReasoningAdd Tool Call Chips to the page
Live Agent Task ListAgent ReasoningAdd Live Agent Task List to the page
Working Indicator with Elapsed TimeAgent ReasoningAdd Working Indicator with Elapsed Time to the page
Failed Run TraceAgent ReasoningAdd Failed Run Trace to the page
Agent Retry LogAgent ReasoningAdd Agent Retry Log to the page
Agent Cost BreakdownAgent ReasoningAdd Agent Cost Breakdown to the page
Approval Request with Blast RadiusHuman in the LoopAdd Approval Request with Blast Radius to the page
Proposed Edits Diff TableHuman in the LoopAdd Proposed Edits Diff Table to the page
Recommendation with Confidence MeterHuman in the LoopAdd Recommendation with Confidence Meter to the page
Agent Permission ScopesHuman in the LoopAdd Agent Permission Scopes to the page
Bulk Approval QueueHuman in the LoopAdd Bulk Approval Queue to the page
Approval Policy ListHuman in the LoopAdd Approval Policy List to the page
Escalation QueueHuman in the LoopAdd Escalation Queue to the page
Human Oversight SplitHuman in the LoopAdd Human Oversight Split to the page
Retrieved Context ChunksRetrieval & ContextAdd Retrieved Context Chunks to the page
Answer Source CitationsRetrieval & ContextAdd Answer Source Citations to the page
Knowledge Source PickerRetrieval & ContextAdd Knowledge Source Picker to the page
Nothing Found, Answered HonestlyRetrieval & ContextAdd Nothing Found, Answered Honestly to the page
Context Window BudgetRetrieval & ContextAdd Context Window Budget to the page
Index Freshness PanelRetrieval & ContextAdd Index Freshness Panel to the page
Retrieval Freshness ListRetrieval & ContextAdd Retrieval Freshness List to the page
Context Scope ListRetrieval & ContextAdd Context Scope List to the page
Grounding SplitRetrieval & ContextAdd Grounding Split to the page
Selection Action ToolbarInline AI ActionsAdd Selection Action Toolbar to the page
Ghost Text CompletionInline AI ActionsAdd Ghost Text Completion to the page
Agent-Adjusted InspectorInline AI ActionsAdd Agent-Adjusted Inspector to the page
Unprompted Insight CardsInline AI ActionsAdd Unprompted Insight Cards to the page
Editor Slash MenuInline AI ActionsAdd Editor Slash Menu to the page
Inline AI Action MenuInline AI ActionsAdd Inline AI Action Menu to the page
Product Card GridProduct ListingsAdd Product Card Grid to the page
Faceted Filter SidebarProduct ListingsAdd Faceted Filter Sidebar to the page
Collection Sort ToolbarProduct ListingsAdd Collection Sort Toolbar to the page
Scroll-Snap Product RailProduct ListingsAdd Scroll-Snap Product Rail to the page
Product Comparison TableProduct ListingsAdd Product Comparison Table to the page
Stock Availability ListProduct ListingsAdd Stock Availability List to the page
Collection Story SplitProduct ListingsAdd Collection Story Split to the page
Map and Results SplitProduct ListingsAdd Map and Results Split to the page
Menu Course ListProduct ListingsAdd Menu Course List to the page
Product Image GalleryProduct DetailAdd Product Image Gallery to the page
Variant & Add-to-Cart BoxProduct DetailAdd Variant & Add-to-Cart Box to the page
Product Details AccordionProduct DetailAdd Product Details Accordion to the page
Rating Distribution SummaryProduct DetailAdd Rating Distribution Summary to the page
Size GuideProduct DetailAdd Size Guide to the page
Product Spec SplitProduct DetailAdd Product Spec Split to the page
Back In Stock FormProduct DetailAdd Back In Stock Form to the page
Slide-Over Cart DrawerCart & CheckoutAdd Slide-Over Cart Drawer to the page
Editable Cart LinesCart & CheckoutAdd Editable Cart Lines to the page
Checkout Address & PaymentCart & CheckoutAdd Checkout Address & Payment to the page
Order Summary With PromoCart & CheckoutAdd Order Summary With Promo to the page
Express Payment RowCart & CheckoutAdd Express Payment Row to the page
Gift Options FormCart & CheckoutAdd Gift Options Form to the page
Gift Card PurchaseCart & CheckoutAdd Gift Card Purchase to the page
Guest CheckoutCart & CheckoutAdd Guest Checkout to the page
Discount Offer ModalCart & CheckoutAdd Discount Offer Modal to the page
Order ConfirmationOrders & ReviewsAdd Order Confirmation to the page
Order HistoryOrders & ReviewsAdd Order History to the page
Customer ReviewsOrders & ReviewsAdd Customer Reviews to the page
Order Tracking TimelineOrders & ReviewsAdd Order Tracking Timeline to the page
Write a ReviewOrders & ReviewsAdd Write a Review to the page
Order Lookup FormOrders & ReviewsAdd Order Lookup Form to the page
Review Distribution BandOrders & ReviewsAdd Review Distribution Band to the page
Warranty Coverage PanelAfter-Sale ServiceAdd Warranty Coverage Panel to the page
Refund Request FormAfter-Sale ServiceAdd Refund Request Form to the page
Refund Status TrackerAfter-Sale ServiceAdd Refund Status Tracker to the page
Refunds Overview TableAfter-Sale ServiceAdd Refunds Overview Table to the page
Return or Exchange PickerAfter-Sale ServiceAdd Return or Exchange Picker to the page
Return Label and InstructionsAfter-Sale ServiceAdd Return Label and Instructions to the page
Service Repair RequestAfter-Sale ServiceAdd Service Repair Request to the page
Review HistoryAfter-Sale ServiceAdd Review History to the page
Gift Card Balance CheckAfter-Sale ServiceAdd Gift Card Balance Check to the page

Take it with you

Add a section and the page source, the install command and a shareable link appear here.