Scroll Progress RailBeginner
A thin progress bar pinned to the top of the viewport that fills as the user scrolls.
scrollsscrollby Vibedex
Components for vibe builders
A curated library of HTML, CSS, and JS components — each one ships with a copyable Claude prompt so you can drop it in, then remix it with a single message.
The way design should've been done in the first place.
Three steps to a great-looking page
Designed for the workflow of building with an AI assistant — not against it.
1. Browse
Filter by category, difficulty, or effect type. Live previews render every component in a sandboxed iframe.
2. Copy
Grab the HTML, CSS, and JS as syntax-highlighted blocks. Or copy the bundled Claude prompt to regenerate it from scratch.
3. Remix
Paste the prompt into Claude Code, Cursor, or your AI tool of choice. Tweak the colors, the timing, the copy — make it yours.
Latest components
Freshly added — the gallery updates automatically.
Count-Up StatsIntermediate
Three large stats that animate from zero to their value when scrolled into view.
statsscrollby Vibedex
Command PaletteIntermediate
A Cmd+K style overlay with a search input and ranked suggestion list.
navfocusby Vibedex
Shimmer SkeletonBeginner
A loading-state card with a moving shimmer pulse across each placeholder block.
cardsanimationby Vibedex
Toast StackIntermediate
Slide-in toasts that stack and auto-dismiss on a timer.
buttonsanimationby Vibedex
Dot Grid SpotlightAdvanced
A grid of dots that brighten and grow near the cursor as it moves.
scrollshoverby Vibedex