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 17

Mocha Mousse

Theme

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

Light & dark

DM Sans

tweakcn

Bubblegum

Theme

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

Light & dark

Poppins

tweakcn

Amethyst Haze

Theme

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

Light & dark

Geist

tweakcn

Notebook

Theme

shadcn/ui theme — light and dark tokens, Architects Daughter.

Light & dark

Architects Daughter

tweakcn

Doom 64

Theme

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

Light & dark

"Oxanium"

tweakcn

Catppuccin

Theme

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

Light & dark

Montserrat

tweakcn

Graphite

Theme

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

Light & dark

Montserrat

tweakcn

Perpetuity

Theme

shadcn/ui theme — light and dark tokens, Courier New.

Light & dark

Courier New

tweakcn

Kodama Grove

Theme

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

Light & dark

Merriweather

tweakcn

Cosmic Night

Theme

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

Light & dark

Inter

tweakcn

Tangerine

Theme

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

Light & dark

Inter

tweakcn

Quantum Rose

Theme

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

Light & dark

Poppins

tweakcn

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

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

industrial-brutalist-ui

Guide

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,…

taste-skill

3D FPS Game

App prompt

Develop a first-person shooter game using Three.js and JavaScript. Create detailed weapon models with realistic animations and effects. Implement precise hit detection and damage systems. Design multiple game levels wit…

prompts.chat

RPA/Agentic AI Process Developer Portfolio Design for Claude

App prompt

Act as a web designer using Claude Design. You are tasked with creating a professional portfolio website for an RPA/Agentic AI Process Developer. Your goal is to design a site that effectively showcases the developer's…

prompts.chat

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

Aurora Text

Animation

A beautiful aurora text effect

Magic UI

Backlight

Animation

A backlight glow effect for videos, images, and SVGs.

Magic UI

Border Beam

Animation

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

Magic UI

Cool Mode

Animation

Cool mode effect for buttons, links, and other DOMs

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

Text Highlighter

Animation

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

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

Magic Card

Animation

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

Magic UI

Meteors

Animation

A meteor shower effect.

Magic UI

Neon Gradient Card

Animation

A beautiful neon card effect

Magic UI

Pixel Image

Animation

A component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.

Magic UI

Progressive Blur

Animation

Add a progressive blur effect to scrollable content

Magic UI

Rainbow Button

Animation

An animated button with a rainbow effect.

Magic UI

Ripple

Animation

An animated ripple effect typically used behind elements to emphasize them.

Magic UI

Shimmer Button

Animation

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

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

Spinning Text

Animation

The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.

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.