For frontend builders

Build interfaces
with prefab blocks.

Browse production-ready blocks, set your color tokens, and ship interfaces that look intentional every time.

Block Library
62 blocks
Hero sectionPopular
18 variants
Pricing table
9 variants
Feature grid
12 variants
CTA section
7 variants
6 themes available
Customize tokens

From browse to ship in minutes.

Curator removes the groundwork so you stay focused on what ships.

01

Browse blocks

Explore the library across every section type. Filter by category, layout style, or design aesthetic.

02

Set your tokens

Apply brand colors, typography, and spacing. Tokens cascade across every block on the page automatically.

03

Present the website

Share a live preview of your curated page. Show clients and stakeholders exactly what they'll get, before a single line ships.

Every section type. One toolkit.

Hand-crafted blocks for landing pages, apps, and marketing sites.

Hero sections
Hero sections
18 blocks
Navigation
Navigation
8 blocks
Feature sections
14 blocks
Pricing tables
Pricing tables
6 blocks
CTA sections
10 blocks
Design tokens

Tokens that cascade everywhere.

Change a single token and watch it propagate across every block on your page. One source of truth for every design decision.

  • Tokens cascade to every block automatically
  • Switch themes with a single attribute
  • Export ready-to-use CSS variable files
--color-primaryPrimary
--color-surfaceSurface
--color-surface-raisedSurface Raised
--color-foregroundForeground
--color-foreground-secondaryMuted
--color-borderBorder
Theme preview

Component preview

Uses active theme tokens

data-theme="charcoal"

Your next project starts here.

Join developers and designers building faster with Curator.