Ship beautiful UIs
with one prompt
Production-ready prompts for stunning components. Pick a component, copy the prompt, paste into v0, Lovable, Cursor, or Bolt. Done.
Three steps to ship
Browse
Explore components with live previews. Backgrounds, cards, buttons, hero sections, and full design systems.
Copy the prompt
Each component has a production-tested prompt that builds correctly on first try.
Paste & ship
Drop it into your AI coding tool. The prompt handles TypeScript, props, animations, and responsiveness.
Featured Components
14 components across 8 categories — and growing weekly.
Aurora Background
Animated aurora borealis gradient background with layered radial gradients and noise texture.
Dot Grid
CSS dot pattern background with configurable size, spacing, and edge fade.
Glow Button
Button with a mouse-tracking radial gradient glow effect. Two variants, three sizes.
Glow Card
Interactive card with mouse-tracking radial gradient glow effect.
Gradient Border
Rotating conic gradient border using @property CSS animation. Works on any element.
Gradient Text
CSS gradient text with configurable colors, direction, and HTML element.
Grid Pattern
CSS line grid background with configurable cell size, line color, and edge fade.
Infinite Marquee
Seamless CSS infinite scroll ticker with pause-on-hover, direction, and speed control.
Noise Texture
SVG-based noise overlay using feTurbulence filter for film grain and texture effects.
Shimmer Button
Button with a CSS shimmer sweep animation on hover. No JS, pure CSS transform.
Shimmer Text
Animated gradient shimmer text effect using background-clip and CSS keyframes.
Skeleton
Pulse loading skeleton with SkeletonCard and SkeletonProfile presets for common UI patterns.
Tilt Card
3D perspective tilt card with spring physics and glare layer on mouse move.
Typewriter
Animated typewriter effect that cycles through a list of words with configurable typing, deleting, and pause speeds.