Preparing preview…
BY BuildWithMe-UI contributorsnew
Account login card
A compact authentication surface with labeled fields and clear submission hierarchy.
THE COLLECTION / 55
Find your
next interaction.
Search by job, framework, engine, or installation method. Every design includes React, Vue, and Svelte source.
55 designs
01REACT PREVIEW
Preparing preview…
BY BuildWithMe-UI contributorsnew
Adaptive sidebar
A responsive navigation rail that collapses without losing context.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Animated tabs
A sliding indicator with complete keyboard navigation.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Async-status button
Idle, working, and success states in one accessible action.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Aurora field
Slow-moving color that gives a quiet page some atmosphere.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Bento hero
A modular landing hero that mixes messaging, proof, and product surfaces.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Border-trace button
A moving highlight that traces the edge of your next action.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Breadcrumb trail
A compact, accessible path indicator with responsive overflow.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Code snippet
A focused, horizontally safe source snippet for developer documentation.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Command palette
A keyboard-first command surface with grouped actions and fast filtering.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Count-up
A number with a little more momentum.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Deployment button
A stateful-looking deployment action with a compact progress signal.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Dialog sheet
An adaptive modal that becomes a bottom sheet on smaller screens.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Docs table of contents
A sticky document outline that tracks the current section.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Dot grid
An understated canvas for your next big idea.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Elastic stack
An expanding horizontal stack that reveals focused actions without losing context.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Expandable card
A compact card that makes room for the whole story.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Flip text
A split-line text treatment that flips characters into place with controlled timing.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Floating label field
A polished input whose label responds to focus and content.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Flowing lines
A sequence of luminous lines, moving with a shared rhythm.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Folder preview
A layered folder object that opens to reveal a compact file collection.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Generation progress
Clear progress through a deterministic generation sequence.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Glass dock
A compact floating navigation dock with tactile focus and hover magnification.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Glow border card
A restrained card whose moving edge light responds without obscuring content.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Kinetic text loader
A typographic loading signal built from opposing text tracks.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Loading dots
A compact status indicator with staggered, motion-safe dots.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Magnetic button
A spring-loaded button that gently follows your pointer.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Media gallery
A keyboard-friendly gallery with thumbnails and an immersive stage.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Metric sparkline
A compact metric card pairing context with an inline trend chart.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Multi-step form
A guided form flow with progress, validation states, and review.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Particle field
A deterministic constellation of gently drifting points.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Perspective grid
An infinite horizon, built from a few simple lines.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Precision pagination
A compact pagination control with explicit current-page state and large targets.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Press-depth button
A tactile, raised button with a satisfying press state.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Pricing matrix
A responsive plan comparison with clear feature relationships.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Product grid
A responsive commerce shelf with clear product hierarchy and selection states.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Product quick view
A product detail overlay with media, options, and purchase action.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Prompt composer
A thoughtful starting point for a conversation with AI.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Radial glow button
A monochrome action button with a pointer-responsive radial bloom.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Rotating words
One sentence. A whole world of possibilities.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Scramble reveal
An original character reveal with a terminal-like rhythm.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Shimmer button
A quiet sweep of light across a beautifully simple action.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Sortable data table
A dense data table with accessible sorting and row actions.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Spotlight card
A soft pool of light follows you across the surface.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Stacked cards
A small deck of ideas. Shuffle to find your next one.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Stagger reveal
Typography that arrives one word at a time.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Status badge
A precise operational badge for deployment, build, and service states.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Streaming message
A local text-stream demonstration with a readable static fallback.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Suggestion chips
Small invitations that make a blank canvas less blank.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Tilt card
A dimensional card with a springy return to center.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Toast stack
An announced notification queue with dismiss and timeout controls.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Tool-call panel
A transparent look at what an assistant is doing.
Preparing preview…
BY BuildWithMe-UI contributorsstable
Underline reveal
An expressive underline for the words that matter.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Wave grid background
A lightweight CSS grid field that ripples through depth without a WebGL dependency.
Preparing preview…
BY BuildWithMe-UI contributorsnew
Workflow stepper
A clear process timeline for pending, active, and completed work.