Gallery · every asset, one scroll
The whole library, as one wall
362 components, grouped by what they are for rather than by the shape of their code. The grouping is derived from each record's own tags — nothing here was hand-placed — so a new component lands in its section the moment it ships. Every card previews the live component, not a screenshot of one.
Hero
17 assetsThe first screen: headlines, product shots and the one thing a visitor reads before deciding to scroll.
Aurora Veil
2.6 KB · a11y 100 · Q 97
Aurora Hero Section
6.2 KB · a11y 97 · Q 96
Wipe Reveal Headline
1.6 KB · a11y 97 · Q 96
Terminal Story Hero
5.5 KB · a11y 97 · Q 96
Text Cycle Hero Line
1.4 KB · a11y 99 · Q 96
Landing Template (Dark SaaS)
1.7 KB · a11y 96 · Q 96
Hero with Product Mock Frame
1.5 KB · a11y 96 · Q 96
Parallax Layered Scene
1.2 KB · a11y 95 · Q 94
Word-by-word Highlight
1 KB · a11y 96 · Q 95
Shimmer Text Reveal
1.4 KB · a11y 97 · Q 94
Scroll-linked Hue Hero
1.1 KB · a11y 96 · Q 94
Animated Counter Band
2.3 KB · a11y 97 · Q 94
Private Club Hero
1.5 KB · a11y 98 · Q 95
Tilted Hero CTA
1.6 KB · a11y 95 · Q 94
Magazine Cover Hero
1.4 KB · a11y 99 · Q 95
Letter-by-Letter Rise
0.7 KB · a11y 97 · Q 94
Hero Headline Swap
0.7 KB · a11y 96 · Q 94
Pricing & commerce
19 assetsMoney, stated plainly: plan tables, tier toggles, storefronts and the checkout furniture around them.
SaaS Launch Page
24 KB · a11y 97 · Q 97
Countdown Drop Band
2.4 KB · a11y 99 · Q 95
Glass Pricing Trio
6.8 KB · a11y 96 · Q 97
Quantity Stepper
1.6 KB · a11y 97 · Q 95
Pricing Table — Three Plans
1.4 KB · a11y 96 · Q 96
Checkbox Cards
1.9 KB · a11y 96 · Q 95
Radio Pills
1.4 KB · a11y 99 · Q 94
Newsletter Band with Tiers
1.2 KB · a11y 97 · Q 95
Boutique Product Page
1.6 KB · a11y 98 · Q 94
Membership Card
1.3 KB · a11y 98 · Q 93
Pricing with Usage Slider
1 KB · a11y 97 · Q 94
Commerce Quantity Stepper
1.1 KB · a11y 99 · Q 93
Cart Drawer
1.8 KB · a11y 98 · Q 94
Checkout Summary
1.6 KB · a11y 99 · Q 94
E-commerce Storefront Template
1.8 KB · a11y 98 · Q 93
Product Launch Template
1.6 KB · a11y 98 · Q 94
Membership Site Template
1.8 KB · a11y 98 · Q 93
Pricing FAQ Mini-Bundle
1.3 KB · a11y 96 · Q 94
Comparison Table
1.6 KB · a11y 99 · Q 94
Forms & controls
49 assetsEverything that asks for input or confirms an action — fields, toggles, steppers and the buttons that commit.
Prism Switch
1.2 KB · a11y 98 · Q 96
Halo Button
2.1 KB · a11y 96 · Q 94
Segmented Control
1.6 KB · a11y 98 · Q 96
Star Rating Input
1.3 KB · a11y 97 · Q 95
File Drop Zone
2.6 KB · a11y 95 · Q 94
Shake-on-error Field
1 KB · a11y 97 · Q 96
Tag Input
1.8 KB · a11y 96 · Q 94
Password Strength Meter
1.4 KB · a11y 96 · Q 93
Date Presets Picker
2.2 KB · a11y 96 · Q 95
Liquid Button Hover
1 KB · a11y 95 · Q 95
Spinner with Status Text
1.1 KB · a11y 97 · Q 95
Toggle with Label Stack
1.5 KB · a11y 98 · Q 95
Slider with Live Ticks
1.1 KB · a11y 97 · Q 93
Disclosure List (Accordion)
1.7 KB · a11y 98 · Q 95
Auto-grow Textarea
1.2 KB · a11y 97 · Q 95
Inline Status Banner
1.6 KB · a11y 97 · Q 94
Back-to-top Comet
1.1 KB · a11y 96 · Q 93
Prompt Input
1.8 KB · a11y 99 · Q 95
Morphing Icon Set
2.2 KB · a11y 96 · Q 95
Design System Showcase
1.5 KB · a11y 98 · Q 95
Slug Input Transform
1.3 KB · a11y 97 · Q 94
Range-linked Chart Scrubber
2.9 KB · a11y 95 · Q 94
Copy Icon Button
0.8 KB · a11y 99 · Q 96
Success-state Celebration
2.1 KB · a11y 96 · Q 95
Particle Drift Field
0.9 KB · a11y 96 · Q 94
Elastic Toggle
0.9 KB · a11y 98 · Q 96
Model Picker
1.6 KB · a11y 98 · Q 94
Step Wizard with Review
1.4 KB · a11y 98 · Q 96
Floating Label Inputs
0.6 KB · a11y 97 · Q 94
Read-More Expander
0.5 KB · a11y 98 · Q 95
Magnetic Button
0.7 KB · a11y 96 · Q 94
Community Share Sheet
1.2 KB · a11y 99 · Q 93
Avatar Overflow
0.7 KB · a11y 97 · Q 94
Ripple Button
1.2 KB · a11y 97 · Q 95
Concierge Request
1.2 KB · a11y 99 · Q 94
Error Summary
1.1 KB · a11y 99 · Q 96
Empty Table State
0.6 KB · a11y 98 · Q 95
Field Shake on Invalid
0.9 KB · a11y 97 · Q 94
Chip Paste Input
1.1 KB · a11y 96 · Q 94
Tree Table
1.1 KB · a11y 97 · Q 94
Long-Press Confirm
1.8 KB · a11y 98 · Q 96
Column Visibility Chips
1 KB · a11y 97 · Q 94
Time Zone Picker
1.2 KB · a11y 98 · Q 95
Colour Picker
0.9 KB · a11y 98 · Q 95
Tree View
1.4 KB · a11y 97 · Q 95
Multi-Stop Gradient Picker
1.5 KB · a11y 96 · Q 94
File Type Icons
0.7 KB · a11y 98 · Q 94
Labelled Divider
0.3 KB · a11y 99 · Q 94
Hold to Confirm
1.3 KB · a11y 98 · Q 94
AI & chat
22 assetsConversation surfaces — composers, streaming answers and the assistant furniture around them.
Thinking Dots
1 KB · a11y 97 · Q 92
Streaming Text
1.4 KB · a11y 97 · Q 94
Chat Bubble Stack
1.2 KB · a11y 98 · Q 93
Temperature Slider
1.2 KB · a11y 98 · Q 92
Agent Steps
1.3 KB · a11y 98 · Q 94
Code Diff Highlight
1.3 KB · a11y 98 · Q 94
Suggestion Chips
1 KB · a11y 98 · Q 92
Code Actions Bar
1.1 KB · a11y 98 · Q 93
Tool Call Card
1.3 KB · a11y 98 · Q 94
Generation Progress
1.2 KB · a11y 98 · Q 92
Hallucination Note
0.9 KB · a11y 98 · Q 95
Response Actions
1.1 KB · a11y 97 · Q 91
Token Meter
1.2 KB · a11y 98 · Q 93
AI Answer Skeleton
1.2 KB · a11y 97 · Q 92
Persona Picker
1.1 KB · a11y 98 · Q 93
Citation Chip
1.1 KB · a11y 98 · Q 93
Follow-up Bar
1 KB · a11y 98 · Q 92
Stream Markdown Skeleton
1.2 KB · a11y 96 · Q 92
Retry Guard
1 KB · a11y 98 · Q 93
Chat Composer
1 KB · a11y 97 · Q 95
Context Window
1 KB · a11y 98 · Q 91
Local-first Note
0.8 KB · a11y 99 · Q 94
3D & depth
15 assetsTilt, orbit, flip and the layered effects that read as depth rather than decoration.
Tilt Card
2.9 KB · a11y 94 · Q 97
Orbit Deck
9.7 KB · a11y 92 · Q 96
Flip Card Duo
1.7 KB · a11y 96 · Q 96
Polaroid Stack
3.7 KB · a11y 96 · Q 96
Upload Progress Ring
1.9 KB · a11y 95 · Q 95
Springy 3D Flip Stack
2.7 KB · a11y 94 · Q 93
Flip Counter Clock
1 KB · a11y 95 · Q 94
Audit Ring with Threshold Ticks
2 KB · a11y 96 · Q 95
Tilt Card with Glare
0.8 KB · a11y 95 · Q 94
Smart Flip Tooltip
1.2 KB · a11y 97 · Q 95
Orbit Progress Ring
0.9 KB · a11y 95 · Q 94
Orbit Stickers
1.1 KB · a11y 96 · Q 94
WebGL Particle Field
2.6 KB · a11y 94 · Q 94
WebGL Wire Terrain
2.3 KB · a11y 94 · Q 93
WebGL Product Spin
2.5 KB · a11y 93 · Q 94
Motion
52 assetsThe set-pieces: scroll sequences, reveals, springs, magnetic pointers and everything that moves on purpose.
Halo Trail
5.8 KB · a11y 93 · Q 95
Scramble Text
3.1 KB · a11y 98 · Q 94
Dot Draw Grid
4.9 KB · a11y 94 · Q 95
Avatar Crowd Stack
3 KB · a11y 95 · Q 96
Scroll Progress Rail
1.8 KB · a11y 99 · Q 94
Team Spotlight Grid
3.3 KB · a11y 97 · Q 95
Comparison Slider
1.1 KB · a11y 97 · Q 95
Testimonial Marquee
1.1 KB · a11y 95 · Q 95
Staggered List Entrance
1 KB · a11y 96 · Q 95
Ripple Reveal
1.1 KB · a11y 94 · Q 95
Particle Trail Hero
1.5 KB · a11y 94 · Q 93
Magnetic Icon Row
1 KB · a11y 94 · Q 93
Ink-stamp Appear
0.9 KB · a11y 95 · Q 94
Confetti Burst
1.7 KB · a11y 93 · Q 92
Logo Wall with Hover Pop
0.9 KB · a11y 96 · Q 94
Scroll Vignette
0.8 KB · a11y 96 · Q 93
Hover-linked Card Row
1.6 KB · a11y 96 · Q 93
Interactive Bezier Drawer
2.9 KB · a11y 95 · Q 95
Swipeable Card Deck
2.4 KB · a11y 95 · Q 93
Drag-to-reorder List
2.6 KB · a11y 96 · Q 94
Easing Icon Families
2 KB · a11y 96 · Q 95
Scroll-jack by Choice
3.1 KB · a11y 93 · Q 93
Drag-a-theme Chip
2.4 KB · a11y 95 · Q 95
Draw-on-scroll Path
2 KB · a11y 95 · Q 93
Reading-time Progress Dots
1.5 KB · a11y 96 · Q 94
Split-pane Resizer
2.1 KB · a11y 97 · Q 95
Zoom-on-hover Map
2.8 KB · a11y 94 · Q 92
Pulse Network Graph
2.6 KB · a11y 94 · Q 94
Dot Matrix Scroll
0.7 KB · a11y 95 · Q 94
Typewriter with Cursor
0.8 KB · a11y 98 · Q 94
Pointer Image Trail
0.9 KB · a11y 94 · Q 94
Holographic Card
0.8 KB · a11y 95 · Q 94
Grid Parallax Drift
0.8 KB · a11y 94 · Q 94
Number Ticker on Scroll
1.6 KB · a11y 96 · Q 94
Double-Tap Like
1 KB · a11y 95 · Q 93
Checker Drift
0.6 KB · a11y 96 · Q 94
Cursor Spotlight
0.8 KB · a11y 96 · Q 94
Avatar Zoom Stack
0.8 KB · a11y 96 · Q 94
Stacked Bar List
1 KB · a11y 97 · Q 94
Wind Chime List
0.7 KB · a11y 96 · Q 94
Scroll-Top Cue
0.8 KB · a11y 97 · Q 94
Scroll Progress Spine
0.7 KB · a11y 96 · Q 94
Pulse Map Pin
0.7 KB · a11y 96 · Q 94
Scramble on View
1.1 KB · a11y 98 · Q 94
Paper Fold
0.5 KB · a11y 95 · Q 94
Hover-Reveal Corner
1.1 KB · a11y 96 · Q 93
Signature Pad
1.3 KB · a11y 97 · Q 95
Scroll Year Rail
0.9 KB · a11y 94 · Q 94
Pull to Refresh
1 KB · a11y 94 · Q 94
Card Dealer Shuffle
0.8 KB · a11y 95 · Q 94
Word Cloud Settle
0.7 KB · a11y 94 · Q 94
Scroll-Lit Paragraph
1.5 KB · a11y 98 · Q 94
Backgrounds
15 assetsAmbient canvases that sit behind content: gradients, particles, aurora washes and vignettes.
Star Motes
3.4 KB · a11y 97 · Q 95
Morph Blob
2.3 KB · a11y 99 · Q 96
Gradient Border Flow
1 KB · a11y 96 · Q 95
Light Sweep
0.6 KB · a11y 97 · Q 94
Film Grain
0.6 KB · a11y 96 · Q 94
Aurora Ribbons
0.8 KB · a11y 95 · Q 94
Keycap Field
0.6 KB · a11y 94 · Q 94
Topographic Contours
0.9 KB · a11y 94 · Q 94
Aurora Dawn
1 KB · a11y 95 · Q 94
Duotone Waves
0.8 KB · a11y 95 · Q 94
Constellation Lines
0.8 KB · a11y 94 · Q 94
Radial Fade Vignette
0.5 KB · a11y 97 · Q 94
Progress Ring Trio
0.8 KB · a11y 97 · Q 94
Gradient Mesh
0.8 KB · a11y 95 · Q 94
Binary Rain (restrained)
0.6 KB · a11y 93 · Q 94
Data display
37 assetsRows and figures that survive real content — tables, charts, counters, timelines and progress.
Counter Stats Band
3.2 KB · a11y 98 · Q 96
Momentum Chart Card
3.6 KB · a11y 96 · Q 95
Odometer Counter
2.4 KB · a11y 96 · Q 97
Bento Feature Grid
1.8 KB · a11y 95 · Q 96
Waitlist Template
1.2 KB · a11y 97 · Q 96
Stats Band
1 KB · a11y 96 · Q 95
Vertical Timeline
1 KB · a11y 96 · Q 95
Dot Leader Loading
1.2 KB · a11y 97 · Q 94
Executive Dashboard Shell
1.8 KB · a11y 98 · Q 94
Annual Report Section
1.3 KB · a11y 99 · Q 95
Heritage Timeline
1.3 KB · a11y 98 · Q 93
KPI Card Set
0.7 KB · a11y 98 · Q 95
Donut with Center Label
0.9 KB · a11y 98 · Q 96
Sortable Table (aria-sort)
0.9 KB · a11y 99 · Q 96
Reorder List (announced)
1.4 KB · a11y 99 · Q 96
Gauge Needle
0.9 KB · a11y 97 · Q 94
Meter with Thresholds
0.8 KB · a11y 98 · Q 96
Community Leaderboard
1.4 KB · a11y 98 · Q 93
Sparkline Row
0.8 KB · a11y 98 · Q 95
Board Report Card
1.3 KB · a11y 99 · Q 94
Alternating Timeline
0.9 KB · a11y 97 · Q 94
Stats Count-Up Band
0.7 KB · a11y 97 · Q 94
Skeleton Table
0.9 KB · a11y 97 · Q 95
Investor Deck Section
1.5 KB · a11y 98 · Q 93
Inline Edit Cell
0.9 KB · a11y 97 · Q 95
Before/After Clip Slider
0.9 KB · a11y 96 · Q 94
Segmented Progress Dots
1 KB · a11y 98 · Q 95
Ranked List with Movement
0.7 KB · a11y 98 · Q 95
Two-Column Diff View
0.7 KB · a11y 96 · Q 94
Countdown Pill
0.7 KB · a11y 98 · Q 95
Calendar Heat Strip
0.8 KB · a11y 97 · Q 94
Gantt Lite
0.8 KB · a11y 96 · Q 93
Total Row
0.5 KB · a11y 98 · Q 94
Cron Editor
1.1 KB · a11y 97 · Q 95
Release Rail
1 KB · a11y 98 · Q 95
Data Dictionary Table
0.6 KB · a11y 98 · Q 95
Locale Number Format
0.4 KB · a11y 98 · Q 95
Media
11 assetsShowing the work: galleries, carousels, sliders, marquees and lightboxes.
Ken Burns Gallery
1.6 KB · a11y 95 · Q 95
Museum Exhibit Card
1.4 KB · a11y 98 · Q 94
Gallery with Lightbox
1.1 KB · a11y 98 · Q 94
Ticker Static Snapshot
0.6 KB · a11y 98 · Q 94
Snap Carousel
0.9 KB · a11y 96 · Q 94
Jewelry Showcase
1.4 KB · a11y 98 · Q 94
Marquee with Pause
0.7 KB · a11y 98 · Q 94
Vertical Carousel
0.8 KB · a11y 96 · Q 94
Scene Accordion
0.8 KB · a11y 94 · Q 94
Portfolio Showcase Template
1.8 KB · a11y 98 · Q 93
Aspect-Ratio Frame
0.4 KB · a11y 98 · Q 95
Feedback & states
18 assetsThe interface answering back — loading, empty, error and success, plus toasts, banners and skeletons.
Pulse Loader
0.8 KB · a11y 99 · Q 93
Conic Loader
0.9 KB · a11y 98 · Q 95
Notification Bell
4.6 KB · a11y 97 · Q 95
Toast Queue
4.8 KB · a11y 98 · Q 96
Skeleton Profile Feed
1.9 KB · a11y 99 · Q 94
Skeleton Profile Card
1.3 KB · a11y 95 · Q 93
Error Boundary Card
1.5 KB · a11y 96 · Q 94
Empty-state Trio
2 KB · a11y 96 · Q 95
Offline Indicator
1.3 KB · a11y 95 · Q 93
Preloader Handoff
2.3 KB · a11y 95 · Q 94
Skeleton-to-Content Fade
1 KB · a11y 97 · Q 95
Success Check (stroke-draw)
0.8 KB · a11y 98 · Q 96
Lifecycle Badge Set
0.5 KB · a11y 99 · Q 96
Status Ping Dot
0.6 KB · a11y 98 · Q 96
Skeleton Swap
0.8 KB · a11y 97 · Q 94
Attention Dot
0.6 KB · a11y 98 · Q 95
Toast with Timer Bar
0.9 KB · a11y 97 · Q 94
Dismissible Banner
0.6 KB · a11y 98 · Q 95
Content & editorial
18 assetsReading material laid out: prose, docs, code blocks, FAQ accordions, changelogs and footnotes.
FAQ Accordion Pro
3.7 KB · a11y 99 · Q 93
Changelog Feed
1 KB · a11y 97 · Q 95
FAQ Two-column
1 KB · a11y 98 · Q 96
Changelog / Journal Template
1 KB · a11y 97 · Q 95
Brand Guideline Spread
1.6 KB · a11y 98 · Q 94
Two-Column Feature Split
0.7 KB · a11y 96 · Q 94
Procurement Spec Card
1.2 KB · a11y 99 · Q 94
Lookbook Card
1.5 KB · a11y 98 · Q 93
Private Client Steps
1.3 KB · a11y 98 · Q 93
Editorial Magazine Template
1.7 KB · a11y 99 · Q 95
Keyboard Shortcut Card
1.3 KB · a11y 99 · Q 93
Resizable Split
1.1 KB · a11y 97 · Q 95
Roadmap Section
1 KB · a11y 98 · Q 94
Elastic Divider
0.5 KB · a11y 94 · Q 94
Shortcut Overlay
0.8 KB · a11y 98 · Q 95
Changelog Teaser
0.7 KB · a11y 98 · Q 94
Prose with Side Notes
0.4 KB · a11y 97 · Q 94
FAQ with Category Filter
1.3 KB · a11y 97 · Q 94
Accessibility
3 assetsPieces whose whole point is the audit — live regions, focus handling and modal semantics.
Live Region Lab
1.1 KB · a11y 99 · Q 94
Share-sheet Overlay
2.2 KB · a11y 96 · Q 95
Dialog with Return Focus
0.7 KB · a11y 99 · Q 96
Layout & sections
28 assetsThe page-scale pieces: whole sections, split panels, bento grids and the templates built from them. Also the catch-all — a record whose tags match nothing above lands here rather than going missing.
Bento Studio Grid
5.5 KB · a11y 96 · Q 95
Agency Showcase
21.3 KB · a11y 95 · Q 95
Split Feature Rows
1.1 KB · a11y 96 · Q 95
Resource Download Cards
0.9 KB · a11y 96 · Q 94
Newsletter Opt-In Section
1.3 KB · a11y 97 · Q 94
Glass Refraction Card
0.7 KB · a11y 96 · Q 94
Three-Step How-It-Works Band
1.1 KB · a11y 96 · Q 94
Heatmap Calendar
0.7 KB · a11y 96 · Q 94
Calculator Section
1 KB · a11y 97 · Q 94
Enterprise Portal Template
1.8 KB · a11y 99 · Q 94
CSS Masonry
0.4 KB · a11y 97 · Q 94
Screenshot Browser Frame
1.3 KB · a11y 98 · Q 94
Integration Logo Grid
0.8 KB · a11y 96 · Q 94
Footer with Sitemap Columns
0.7 KB · a11y 97 · Q 94
Integrations Code Tabs
0.8 KB · a11y 96 · Q 94
Equal-Height Grid
0.3 KB · a11y 98 · Q 94
Master-Detail Two-Pane
1 KB · a11y 97 · Q 95
Security Band
1.1 KB · a11y 97 · Q 94
Event Landing Template
1.7 KB · a11y 98 · Q 93
Us-vs-Them Comparison
1.3 KB · a11y 96 · Q 94
CTA Band with Inline Email
0.7 KB · a11y 98 · Q 94
Agency Site Template
1.9 KB · a11y 98 · Q 94
Logo Cloud with Fade Edges
0.8 KB · a11y 97 · Q 94
Full-Bleed Section
0.4 KB · a11y 97 · Q 93
Footer from Data
0.6 KB · a11y 98 · Q 94
Use-Case Tabs Section
0.8 KB · a11y 97 · Q 94
Careers Band with Roles
1 KB · a11y 96 · Q 94
Job Board Template
2 KB · a11y 98 · Q 93
The rest of the library
This wall is the component catalog. The other three families have their own indexes, and each one carries the proof that goes with it.
Filter the catalog
Kind, stack, colour, behaviour, category — and the spec table behind every card.
Prompt library
Briefs run against three frontier models, with the fidelity score and the failure notes attached.
Templates
Whole pages assembled from this catalog, ready to re-theme.
Collections
Short lists that answer a real brief, each with its own URL.