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.
Text Highlighter
AnimationA text highlighter that mimics the effect of a human-drawn marker stroke.
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 Reveal
AnimationFade in text as you scroll down the page.
Magic UI
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
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
GitHub Style
StyleGitHub design language style with clean interface hierarchy, a refined grayscale system, blue interactive color, monospace code fonts, and developer-friendly information architecture.
StyleKit
Dark Gallery
StyleA dark photography gallery portfolio: near-black canvases let full-bleed images command absolute attention; warm amber accents highlight metadata and captions while ultra-light typography retreats into the background. F…
Full style reference · 6k charsStyleKit
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
Dark Mode
StyleElegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.
StyleKit
Pastel Goth
StyleA unique fusion of dark aesthetics and candy colors, pairing soft hues like pastel purple and pastel blue with gothic elements such as skulls and crosses. Dark backgrounds with pastel highlights.
StyleKit
Analytics Dashboard palette
PaletteBlue data + amber highlights [Accent adjusted from #F59E0B]
UI/UX Pro Max
Code Snippet Manager
App promptBuild a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system f…
prompts.chat
Chess Game
App promptDevelop a feature-rich chess game using HTML5, CSS3, and JavaScript. Create a realistic chessboard with proper piece rendering. Implement standard chess rules with move validation. Add move highlighting and piece moveme…
prompts.chat
Project Builder
App promptThink like a vector analyst "Avoid summarizing; synthesize instead. Extract structure, map mechanisms, project implications, and highlight tensions. Make your reasoning explicit. Now: [I need a full list filled in 1 aft…
prompts.chat
Hyper Text
AnimationA text animation that scrambles letters before revealing the final text.
Magic UI
Magic Card
AnimationA spotlight effect that follows your mouse cursor and highlights borders on hover.
Magic UI
Sparkles Text
AnimationA dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.
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
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.