Skip to content

Collections · real filters, shareable URLs

Short lists that answer a real brief

Each collection is a filter over the catalog rather than a hand-picked shelf, so the shortlist and the count of everything that matches stay truthful as the library grows. Every collection has its own URL to send someone.

components63 match · 6 shown

Landing stack

Sections that carry a homepage on their own — hero through pricing.

/collections/landing-stackOpen collection →
components280 match · 8 shown

Under 5 KB

The whole interaction budget of a page, spent in one file.

/collections/under-5kbOpen collection →
components92 match · 8 shown

Zero-dep motion

Animated scenes with nothing to install.

/collections/zero-dep-motionOpen collection →
components77 match · 8 shown

A11y 98+

The top of the accessibility band, ready for a strict brief.

/collections/a11y-98Open collection →
components15 match · 12 shown

Forms & inputs

Every way to ask a user for something, in one shelf.

/collections/forms-inputsOpen collection →
components51 match · 10 shown

Dashboard starter kit

KPI cards, tables, charts and the empty states between them.

/collections/dashboard-kitOpen collection →
prompts25 match · 6 shown

Prompt starter

Verified briefs with the best measured fidelity.

/collections/prompt-starterOpen collection →
components63 match · 10 shown

Marketing page in a box

Hero through FAQ: the sections a landing page is made of, in paste order.

/collections/marketing-page-in-a-boxOpen collection →
components131 match · 10 shown

Calm interfaces

The lowest-motion components for a11y-sensitive builds.

/collections/calm-interfacesOpen collection →
components127 match · 10 shown

Dark mode first

Components that read best on near-black canvases.

/collections/dark-mode-firstOpen collection →
components10 match · 10 shown

Start here

The components that teach the catalog's conventions.

/collections/start-hereOpen collection →

New in the last 30 days

380 entries — computed from publish dates, not a hand-maintained list.

Morph BlobConic LoaderGlass Pricing TrioWipe Reveal HeadlineCounter Stats BandDot Draw GridText Cycle Hero LineTab Morph PillFlip Card DuoSkeleton Profile FeedMomentum Chart CardAvatar Crowd Stack

Shelf diff

Pick two collections and see the overlap — the membership rules do the talking.

vs

0 shared

6 only in the first

8 only in the second

Why filters instead of shelves

A hand-curated shelf rots: assets improve, bundles shrink, and the list quietly becomes wrong. A filter cannot rot — it either matches or it does not. Where a collection does need editorial judgement (which six landing sections), the sort order is the judgement and the membership stays mechanical, so the count printed beside each collection is always the true number of matches.