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.

Try:

Curated · 286 Everything · 1009Showing the whole library (1009 entries), including short or duplicate prompts.

Full style references only 19

Animated Gradient Text

Animation

An animated gradient background which transitions between colors for text.

Magic UI

Warp Background

Animation

A card with a time warping background effect.

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

Neon Gradient Card

Animation

A beautiful neon card effect

Magic UI

Glare Hover

Animation

A diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.

Magic UI

Animated Grid Pattern

Animation

A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.

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

Dot Pattern

Animation

A background dot pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Flickering Grid

Animation

A flickering grid background made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Grid Pattern

Animation

A background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Hexagon Pattern

Animation

A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Interactive Grid Pattern

Animation

A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Shine Border

Animation

Shine border is an animated background border effect.

Magic UI

Striped Pattern

Animation

A background striped pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Video Text

Animation

A text component with a video background.

Magic UI

Progressive blur

Animation

A Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.

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.