Prompt & style library
286 hand-picked app briefs, design styles, themes, palettes, fonts and animation patterns — each a detailed prompt you can paste into any AI assistant. Free, no account needed to browse.
Animated Beam
AnimationAn animated beam of light which travels along a path. Useful for showcasing the "integration" features of a website.
Magic UI
Animated Circular Progress Bar
AnimationAnimated Circular Progress Bar is a component that displays a circular gauge with a percentage value.
Magic UI
Animated Gradient Text
AnimationAn animated gradient background which transitions between colors for text.
Magic UI
Animated Grid Pattern
AnimationA animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Animated List
AnimationA list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.
Magic UI
Animated Shiny Text
AnimationA light glare effect which pans across text making it appear as if it is shimmering.
Magic UI
Animated Background
AnimationVisually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the active item, making it ideal for interactive lists, menus, or navigation…
Motion-Primitives
Animated Group
AnimationMotion-Primitives
Animated Number
AnimationEasily animate numbers.
Motion-Primitives
Theme Toggler
AnimationAnimated theme toggle using the View Transitions API with configurable clip-path shapes and origin.
Magic UI
Border Beam
AnimationAn animated beam of light which travels along the border of its container.
Magic UI
Glyph Matrix
AnimationAn animated grid of subtly shifting glyphs on a canvas, with a theme-aware color driven by the consumer.
Magic UI
Light Rays
AnimationA component with animated light rays which shine down from above.
Magic UI
Pulsating Button
AnimationAn animated pulsating button useful for capturing attention of users.
Magic UI
Rainbow Button
AnimationAn animated button with a rainbow effect.
Magic UI
Ripple Button
AnimationAn animated button with ripple useful for user engagement.
Magic UI
Ripple
AnimationAn animated ripple effect typically used behind elements to emphasize them.
Magic UI
Scroll Progress
AnimationAnimated Scroll Progress for your pages
Magic UI
Shine Border
AnimationShine border is an animated background border effect.
Magic UI
Sparkles Text
AnimationA dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.
Magic UI
Border Trail
AnimationAnimated border effect that moves along the edges of its parent container.
Motion-Primitives
Scroll Progress
AnimationAnimated scroll progress for your web pages.
Motion-Primitives
Sources: StyleKit (MIT) · Awesome DESIGN.md (MIT) · UI/UX Pro Max (MIT) · tweakcn (Apache-2.0) · taste-skill (MIT) · Hallmark (MIT) · prompts.chat (CC0-1.0) · Anthropic skills (Apache-2.0) · awesome-cursorrules (CC0-1.0) · VoltAgent subagents (MIT) · wshobson agents (MIT) · Interface Design skill (MIT) · design.md (Google Labs) (Apache-2.0) · Magic UI (MIT) · Motion-Primitives (MIT) · Awesome DESIGN.md — e-commerce (MIT). Brand-inspired entries describe a look only — no names, logos or trademarks belong in your app.