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 Gradient Text
AnimationAn animated gradient background which transitions between colors for text.
Magic UI
Animated Shiny Text
AnimationA light glare effect which pans across text making it appear as if it is shimmering.
Magic UI
Aurora Text
AnimationA beautiful aurora text effect
Magic UI
Comic Text
AnimationComic text animation that looks like a comic book text
Magic UI
Dia Text Reveal
AnimationA horizontal color band sweeps across text with a gradient shine, then settles on your theme foreground color.
Magic UI
Text Highlighter
AnimationA text highlighter that mimics the effect of a human-drawn marker stroke.
Magic UI
Hyper Text
AnimationA text animation that scrambles letters before revealing the final text.
Magic UI
Kinetic Text
AnimationA text component that animates font weight of characters on hover.
Magic UI
Line Shadow Text
AnimationA text component with a moving line shadow.
Magic UI
Morphing Text
AnimationA dynamic text morphing component for Magic UI.
Magic UI
Noise Texture
AnimationAn SVG fractal noise layer using feTurbulence for subtle texture overlays.
Magic UI
Sparkles Text
AnimationA dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.
Magic UI
Spinning Text
AnimationThe Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.
Magic UI
Text 3D Flip
AnimationA text effect that flips each letter in 3D with a staggered animation on hover.
Magic UI
Text Animate
AnimationA text animation component that animates text using a variety of different animations.
Magic UI
Text Reveal
AnimationFade in text as you scroll down the page.
Magic UI
Video Text
AnimationA text component with a video background.
Magic UI
Spinning Text
AnimationEasily animate text circularly. Customize the animation with variants and transitions.
Motion-Primitives
Text Effect
AnimationEasily animate text content with various effects. You can apply animations per character or per word, and customize the animation effects using custom variants or preset animations.
Motion-Primitives
Text Loop
AnimationText animation that transitions between multiple items, creating an engaging looping effect.
Motion-Primitives
Text Morph
AnimationAnimates text by morphing shared letters between words, creating fluid transitions.
Motion-Primitives
Text Roll
AnimationA text roll component that rotates each character, fully customizable for nice text animations.
Motion-Primitives
Text Scramble
AnimationText animation that transforms text by randomly cycling through characters before settling on the final content, creating an engaging cryptographic effect.
Motion-Primitives
Text Shimmer
AnimationShimmer effect on text. Easily adjust the duration and the spread of the shimmer effect.
Motion-Primitives
Text Shimmer Wave
AnimationShimmer wave effect on text. Easily adjust the wave effect, spread, duration, and more.
Motion-Primitives
Marquee
AnimationAn infinite scrolling component that can be used to display text, images, or videos.
Magic UI
Scroll Based Velocity
AnimationScrolling text whose speed changes based on scroll speed
Magic UI
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.