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 33

Nature

Theme

shadcn/ui theme — light and dark tokens, Montserrat.

Light & dark

Montserrat

tweakcn

Bold Tech

Theme

shadcn/ui theme — light and dark tokens, Roboto.

Light & dark

Roboto

tweakcn

Elegant Luxury

Theme

shadcn/ui theme — light and dark tokens, Poppins.

Light & dark

Poppins

tweakcn

Amber Minimal

Theme

shadcn/ui theme — light and dark tokens, Inter.

Light & dark

Inter

tweakcn

Supabase

Theme

shadcn/ui theme — light and dark tokens, Outfit.

Light & dark

Outfit

tweakcn

Neo Brutalism

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

Solar Dusk

Theme

shadcn/ui theme — light and dark tokens, Oxanium.

Light & dark

Oxanium

tweakcn

Claymorphism

Theme

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Light & dark

Plus Jakarta Sans

tweakcn

Cyberpunk

Theme

shadcn/ui theme — light and dark tokens, Outfit.

Light & dark

Outfit

tweakcn

Pastel Dreams

Theme

shadcn/ui theme — light and dark tokens, Open Sans.

Light & dark

Open Sans

tweakcn

Clean Slate

Theme

shadcn/ui theme — light and dark tokens, Inter.

Light & dark

Inter

tweakcn

Caffeine

Theme

shadcn/ui theme — light and dark tokens.

Light & dark

tweakcn

Ocean Breeze

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

Retro Arcade

Theme

shadcn/ui theme — light and dark tokens, Outfit.

Light & dark

Outfit

tweakcn

Midnight Bloom

Theme

shadcn/ui theme — light and dark tokens, Montserrat.

Light & dark

Montserrat

tweakcn

Candyland

Theme

shadcn/ui theme — light and dark tokens, Poppins.

Light & dark

Poppins

tweakcn

Northern Lights

Theme

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Light & dark

Plus Jakarta Sans

tweakcn

Vintage Paper

Theme

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Light & dark

Libre Baskerville

tweakcn

Sunset Horizon

Theme

shadcn/ui theme — light and dark tokens, Montserrat.

Light & dark

Montserrat

tweakcn

Starry Night

Theme

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Light & dark

Libre Baskerville

tweakcn

Claude

Theme

shadcn/ui theme — light and dark tokens.

Light & dark

tweakcn

Vercel

Theme

shadcn/ui theme — light and dark tokens, Geist.

Light & dark

Geist

tweakcn

Mono

Theme

shadcn/ui theme — light and dark tokens, Geist Mono.

Light & dark

Geist Mono

tweakcn

Soft Pop

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

Sage Garden

Theme

shadcn/ui theme — light and dark tokens, Antic.

Light & dark

Antic

tweakcn

Toss Style Design System — coding rules

Guide

Toss-style UI design rules for disciplined spacing, typography, grayscale hierarchy, restrained color, cards, metrics, dark mode, and accessibility

awesome-cursorrules

Animated Gradient Text

Animation

An animated gradient background which transitions between colors for text.

Magic UI

Animated Grid Pattern

Animation

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

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

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

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

Interactive Hover Button

Animation

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

Magic UI

Shine Border

Animation

Shine border is an animated background border effect.

Magic UI

Shiny Button

Animation

A shiny button component with dynamic styles in the dark mode or light mode.

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

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.