Split hero
hero/split/default
Section catalog
270+ production-ready sections, one design system
Every block of a modern website, production-ready and neutral by default. Preview any section live, compose in the editor, or let your coding agent pull it straight into your codebase.
Don't want to pick one by one? Describe your product in the editor and the AI composes the full page for you.
Split hero with trust
hero/split/with-trust
Compact split hero
hero/split/compact
Split hero with stats
hero/split/with-stats
Split hero with contact form
hero/split/with-form
Split hero with quote form
hero/split/quote
Split hero with form and reviews
hero/split/with-reviews
Centered hero
hero/centered/default
Centered hero with badge
hero/centered/with-badge
Compact centered hero
hero/centered/compact
Centered hero with avatars
hero/centered/with-avatars
Asymmetric hero
hero/asymmetric/default
Asymmetric hero (image left)
hero/asymmetric/image-left
Asymmetric hero (footer CTA)
hero/asymmetric/footer-cta
Asymmetric hero with logos
hero/asymmetric/with-logos
Hero with screenshot
hero/centered-screenshot/default
Hero with badge and screenshot
hero/centered-screenshot/with-badge
Hero with logos and screenshot
hero/centered-screenshot/with-logos
Hero with email form
hero/centered-screenshot/with-form
Big typography hero
hero/big-typography/default
Big typography hero (centered)
hero/big-typography/centered
Big typography hero (serif)
hero/big-typography/serif-feel
Big typography hero (with meta)
hero/big-typography/with-meta
Floating cards hero
hero/floating-cards/default
Floating cards hero (two CTAs)
hero/floating-cards/two-ctas
Floating cards hero (with rating)
hero/floating-cards/with-rating
Floating cards hero (compact)
hero/floating-cards/compact
Navigation bar
nav/default/default
Navigation with CTA
nav/default/with-cta
Navigation with two CTAs
nav/default/with-double-cta
Navigation with dropdown hints
nav/default/with-dropdown-hint
Centered navigation
nav/centered/default
Compact centered nav
nav/centered/compact
Minimal navigation
nav/minimal/default
Minimal nav (muted band)
nav/minimal/muted
Announcement bar
announcement-bar/default/default
Announcement with button
announcement-bar/default/with-cta
Announcement with badge
announcement-bar/default/with-badge
Centered announcement
announcement-bar/default/centered
Logo row
logos/row/default
Dense logo row
logos/row/dense
Compact logo row
logos/row/compact
Logo grid
logos/grid/grid
Logo marquee
logos/row/marquee
Trust line with avatars
logos/row/trust-line
Logo row (muted band)
logos/row/muted
Logos with stats
logos/row/with-stats
Three-column feature grid
features/grid/default
Centered three-column grid
features/grid/centered
Four-column feature grid
features/grid/four-cols
Feature grid with images
features/grid/with-images
Zigzag features with links
features/zigzag/default
Zigzag with section header
features/zigzag/with-header
Compact zigzag
features/zigzag/compact
Dense zigzag (four rows)
features/zigzag/dense
Bento grid with hero card
features/bento/default
Two-by-two bento squares
features/bento/square-2x2
Six-cell bento grid
features/bento/six-cells
Bento with tall feature card
features/bento/tall-feature
Numbered vertical feature list
features/vertical-list/default
Vertical feature list (text only)
features/vertical-list/no-images
Vertical list with CTA links
features/vertical-list/with-cta
Checklist feature list
features/vertical-list/checklist
Three horizontal steps
how-it-works/steps/horizontal
Vertical steps with connector
how-it-works/steps/vertical
Steps with images
how-it-works/steps/with-image
Timeline with step labels
how-it-works/timeline/timeline
Steps with big number overlays
how-it-works/steps/big-numbers
Step cards with icons
how-it-works/steps/cards
Alternating step rows
how-it-works/alternating/alternating
Connected steps with flow line
how-it-works/steps/connected
Centered steps with icons
how-it-works/steps/centered-icons
Four stats in a row
stats/row/default
Three prominent stats
stats/row/big-three
Inline stats (no header)
stats/row/inline
Stats with call-to-action
stats/row/with-cta
Boxed stats
stats/boxed/default
Huge stats
stats/boxed/huge
Stats with testimonial quote
stats/boxed/with-quote
Stats two-up with intro
stats/boxed/two-up
Stats as progress bars
stats/row/progress-bars
Stats with icons
stats/boxed/icon-grid
Muted band stats
stats/row/muted-band
Stats with image
stats/row/split-image
Centered stats with dividers
stats/row/centered-dividers
Three testimonial cards
testimonials/cards/default
Star-rated testimonial cards
testimonials/cards/with-stars
Compact testimonial cards
testimonials/cards/compact
Testimonial cards with dividers
testimonials/cards/with-dividers
Centered single quote
testimonials/single-quote/default
Quote with portrait
testimonials/single-quote/with-portrait
Quote with company logo
testimonials/single-quote/with-logo
Compact single quote
testimonials/single-quote/compact
Quote grid (2x2)
testimonials/marquee/default
Quote grid (three columns)
testimonials/marquee/three-col
Masonry quote grid
testimonials/marquee/masonry
Quotes with stats sidebar
testimonials/marquee/with-stats
Comparison table
comparison/default/table
Comparison with highlighted column
comparison/default/highlighted
Comparison cards
comparison/cards/cards
Do's and don'ts
comparison/cards/do-dont
Multi-product comparison table
comparison/table/multi-column
Comparison table with images
comparison/table/with-images
Versus bars
comparison/default/versus-bars
Customer results cards
results/cards/default
Hero metric band
results/band/highlight
Results split with chart
results/split/with-chart
Integration logo grid
integrations/default/grid
Categorized integrations
integrations/default/categorized
Split text and integration cards
integrations/default/split-cards
Sided integration rows
integrations/default/sided-rows
Rich integration cards
integrations/default/rich-cards
Editorial integration list
integrations/default/editorial-list
Compact integration panel
integrations/default/compact-panel
Integration pills
integrations/default/pill-rows
Integration trust strip
integrations/default/trust-strip
Hub and spoke diagram
integrations/default/hub-spoke
Logo wall
integrations/default/logo-wall
Featured integration plus grid
integrations/default/featured-plus-grid
Vertical marquee stack
integrations/default/marquee-stack
Horizontal piercing marquee
integrations/default/marquee-pierce-h
Horizontal icon marquee
integrations/default/marquee-pierce-h-icons
Vertical piercing marquee
integrations/default/marquee-pierce-v
Dual staggered vertical marquee
integrations/default/marquee-pierce-v-dual
Use case cards
use-cases/cards/default
Persona pills with panel
use-cases/pills/personas
Industry tiles
use-cases/grid/industries
Use case list
use-cases/split/split-list
Three-plan pricing
pricing/cards/three-up
Two-plan pricing
pricing/cards/two-up
Four-plan pricing
pricing/cards/four-up
Pricing table
pricing/table/table
Pricing with billing toggle
pricing/cards/toggle
Pricing cards with icons
pricing/cards/with-icons
Pricing with enterprise band
pricing/cards/with-enterprise
Detailed pricing cards
pricing/cards/detailed
Plan comparison matrix
pricing/table/comparison-table
FAQ accordion
faq/default/accordion
FAQ two-column
faq/default/two-col
FAQ list
faq/default/list
FAQ with contact CTA
faq/default/with-cta
FAQ cards
faq/default/cards
FAQ with side heading
faq/default/split-accordion
Numbered FAQ
faq/default/numbered
FAQ with icons
faq/default/with-icons
Code editor showcase
code/editor/default
Split text and code editor
code/editor/split
Code window with file tabs
code/editor/with-tabs
Terminal showcase
code/terminal/default
Split text and terminal
code/terminal/split
Install command band
code/snippet/install
Terminal with output
code/terminal/with-output
Three-step install
code/terminal/steps
Editor with file tree
code/editor/with-sidebar
Code to preview split
code/editor/with-preview
API request band
code/snippet/api
Centered video player
video/centered/default
Split text and video
video/split/default
Video with episode list
video/centered/with-episodes
Video library grid
video/grid/library
Player with playlist
video/split/with-playlist
Compact video band
video/centered/compact
Video with chapters
video/strip/chapters
Image grid gallery
gallery/grid/default
Masonry gallery
gallery/grid/masonry
Featured image gallery
gallery/featured/featured
Image filmstrip
gallery/strip/filmstrip
Captioned gallery grid
gallery/grid/with-captions
Two large images
gallery/grid/two-up
Mosaic collage
gallery/mosaic/collage
Gallery split with copy
gallery/split/with-text
Single image showcase
gallery/centered/showcase
Team portrait grid
team/grid/default
Founder cards
team/grid/founders
Team grid with bios
team/grid/with-bios
Editorial team list
team/list/editorial
Compact team strip
team/strip/compact
Team grid with socials
team/grid/with-socials
Founder spotlight
team/spotlight/founder
Team wall
team/grid/wall
Team by departments
team/list/departments
Join the team band
team/band/join
Contact form with channels
contact/split/default
Centered contact form
contact/centered/default
Contact form with map
contact/split/with-map
Contact info band
contact/band/info-band
Book a call split
contact/split/with-calendar
Office cards
contact/cards/offices
Just email us
contact/minimal/email
Contact form with FAQ
contact/split/with-faq
Press quotes row
press/quotes/default
Awards tiles
press/awards/awards
Press mentions list
press/list/mentions
Compliance badges
security/badges/compliance
Security feature grid
security/grid/features
Security detail split
security/split/detail
Changelog journal
changelog/list/default
Release timeline
changelog/timeline/releases
Latest updates split
changelog/split/latest
Blog post cards
blog-preview/cards/default
Editorial post list
blog-preview/list/editorial
Featured post spotlight
blog-preview/featured/featured
Minimal post cards
blog-preview/cards/minimal
Open roles list
careers/list/default
Hiring band
careers/band/compact
Culture split with photo
careers/split/with-photo
App download with phone
app-download/split/default
App download with QR code
app-download/centered/with-qr
App download band
app-download/band/compact
Product grid (three-up)
product-grid/cards/default
Featured product layout
product-grid/cards/featured
Product grid (four-up)
product-grid/cards/four-up
Product list rows
product-grid/list/rows
Product cards with badges
product-grid/cards/with-badges
Two featured products
product-grid/featured/duo
Category tiles
product-grid/cards/categories
Collection band
product-grid/band/collection
Mission statement
manifesto/statement/default
Signed statement
manifesto/statement/signed
Muted statement band
manifesto/statement/muted
Numbered principles
manifesto/numbered/principles
Ebook lead magnet
lead-magnet/split/ebook
Webinar registration
lead-magnet/centered/webinar
Email course signup
lead-magnet/centered/course
Simple lead magnet
lead-magnet/centered/simple
Checklist lead magnet
lead-magnet/checklist/checklist
Centered CTA
cta/centered/default
Compact centered CTA
cta/centered/compact
Centered CTA with trust line
cta/centered/with-trust
Centered CTA with avatars
cta/centered/with-avatars
Split CTA
cta/split/default
Split CTA with image
cta/split/with-image
Compact split CTA
cta/split/compact
Inverted split CTA
cta/split/inverted
Email capture CTA
cta/with-form/default
Split email capture CTA
cta/with-form/split-layout
Compact email capture
cta/with-form/compact
Bordered email capture
cta/with-form/bordered
Bordered CTA band
cta/band-bordered/default
Left-aligned CTA band
cta/band-bordered/left-aligned
CTA band with image
cta/band-bordered/with-image
Compact CTA band
cta/band-bordered/compact
Minimal footer
footer/minimal/default
Condensed minimal footer
footer/minimal/condensed
Centered minimal footer
footer/minimal/centered
Minimal footer with newsletter
footer/minimal/with-newsletter
Mega footer
footer/mega/default
Mega footer with status
footer/mega/with-status
Mega footer with CTA band
footer/mega/with-cta
Mega footer with social icons
footer/mega/with-social
Compact footer
footer/compact/default
Centered compact footer
footer/compact/centered
Compact footer with social
footer/compact/inline-social
Sidebar app shell
app-shell/sidebar/default
Top-nav app shell
app-shell/topnav/default
Stat cards row
widget/stat/row-of-4
Stats with sparklines
widget/stat/with-trend
Line chart widget
widget/chart/line
Bar chart widget
widget/chart/bar
Donut chart widget
widget/chart/donut
Data table widget
widget/table/data-table
Data table with actions
widget/table/with-actions
Activity feed widget
widget/feed/activity
Transactions widget
widget/feed/transactions
Users list widget
widget/list/users
Settings panel widget
widget/form/settings-panel
Empty state widget
widget/empty-state/default
Analytics dashboard
dashboard/analytics/default
CRM dashboard
dashboard/crm/default
Finance dashboard
dashboard/finance/default
E-commerce dashboard
dashboard/ecommerce/default
Support dashboard
dashboard/support/default
Monitoring dashboard
dashboard/monitoring/default
Project management dashboard
dashboard/projects/default