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 16

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

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

Darkmatter

Theme

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

Light & dark

Geist Mono

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

Designing a Glassmorphic About Me Page

App prompt

Act as a web designer. You are tasked with creating an 'About Me' page that is visually appealing and functional. Your page should use Glassmorphism design principles with a light warm theme, resembling a pen and paper…

prompts.chat

Animated Beam

Animation

An animated beam of light which travels along a path. Useful for showcasing the "integration" features of a website.

Magic UI

Animated Shiny Text

Animation

A light glare effect which pans across text making it appear as if it is shimmering.

Magic UI

Border Beam

Animation

An animated beam of light which travels along the border of its container.

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

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

Shimmer Button

Animation

A button with a shimmering light which travels around the perimeter.

Magic UI

Shiny Button

Animation

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

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.