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.

Curated · 286Everything · 1009Showing the whole library (1009 entries), including short or duplicate prompts.
Full style references only 6

Text Highlighter

Animation

A text highlighter that mimics the effect of a human-drawn marker stroke.

Magic UI

Dia Text Reveal

Animation

A horizontal color band sweeps across text with a gradient shine, then settles on your theme foreground color.

Magic UI

Text Reveal

Animation

Fade in text as you scroll down the page.

Magic UI

Fluent Design

Style

Microsoft's design system integrating five key elements -- light, depth, motion, material, and scale -- to create natural and intuitive cross-platform experiences.

StyleKit

Launch Keynote

Style

An 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 chars

StyleKit

Scrollytelling

Style

Scrolling 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 chars

StyleKit

Kinetic Typography

Style

Type 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 chars

StyleKit

GitHub Style

Style

GitHub 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

Style

A 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 chars

StyleKit

Shure-inspired

Brand-inspired

Shure's public CSS evidence reveals a utilitarian, high-contrast commerce

Full style reference · 11k chars

OstrichProperExtraBold

Awesome DESIGN.md — e-commerce

Earthen Shop-inspired

Brand-inspired

Earthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived

Full style reference · 11k chars

Assistant

Awesome DESIGN.md — e-commerce

Dark Mode

Style

Elegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.

StyleKit

Pastel Goth

Style

A 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

Palette

Blue data + amber highlights [Accent adjusted from #F59E0B]

UI/UX Pro Max

Code Snippet Manager

App prompt

Build 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 prompt

Develop 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 prompt

Think 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

Animation

A text animation that scrambles letters before revealing the final text.

Magic UI

Magic Card

Animation

A spotlight effect that follows your mouse cursor and highlights borders on hover.

Magic UI

Sparkles Text

Animation

A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.

Magic UI

Animated Background

Animation

Visually 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

Animation

Interactively 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.