171 components · copy-paste ready

Find your next component.

171 production-ready blocks. Search, preview them live, copy the code.

3 components — press Enter to view

Library — 171

Latest components

New drop every week

Resolved today

3812

Breathing dithered chart

Bayer-dithered canvas, zero deps

reactcanvas

Edit color

Copy code

esc

Command palette

Filter, arrow through, hit enter

reacta11y

Copy code

Guide

Motion that feels expensive

The secret isn't more animation — it's one signature move per surface, tuned to land.

Members only

Paywall blur

The article melts behind the gate

reactcss

Edit color

Copy code

Deploys

JanFebMarAprMayJun

Bar chart

Bars grow, morph between years

reactcss

Copy code

Volume knob

A real rotary with ticks

reactmotion

Copy code

To do2

Hero copy

Dark mode

Done1

Pricing page

Kanban mini

Drag cards between real columns

reactcss

Copy code

Modal stack

The parent recedes into depth

reactcss

Copy code

Free previews

2 of 3 left this month

Usage gate

Credits drain, the CTA takes over

reactcss

Copy code

Account

Name your workspace and pick a URL.

Stepper wizard

The line fills, panels slide along

reactcss

Copy code

member access

Sign in for the other 168.

Every block. The source. Forever.

171 blocks, copied by builders

Find your next componentnavbarchartpaywallgesture.

Latest components

Breathing dithered chart

Command palette

Motion that feels expensive

Paywall blur

Sign in for the other 168.

Find your next component.