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.
Dia Text Reveal
AnimationA horizontal color band sweeps across text with a gradient shine, then settles on your theme foreground color.
Magic UI
Text Reveal
AnimationFade in text as you scroll down the page.
Magic UI
Launch Keynote
StyleAn Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…
Full style reference · 8k charsStyleKit
Scrollytelling
StyleScrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…
Full style reference · 7k charsStyleKit
Kinetic Typography
StyleType is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…
Full style reference · 7k charsStyleKit
Fluent Design
StyleMicrosoft's design system integrating five key elements -- light, depth, motion, material, and scale -- to create natural and intuitive cross-platform experiences.
StyleKit
Shure-inspired
Brand-inspiredShure's public CSS evidence reveals a utilitarian, high-contrast commerce
Full style reference · 11k charsOstrichProperExtraBold
Awesome DESIGN.md — e-commerce
Earthen Shop-inspired
Brand-inspiredEarthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived
Full style reference · 11k charsAssistant
Awesome DESIGN.md — e-commerce
Hyper Text
AnimationA text animation that scrambles letters before revealing the final text.
Magic UI
Image Comparison
AnimationInteractively compare two images with a draggable slider to reveal differences.
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.