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.
Mocha Mousse
Themeshadcn/ui theme — light and dark tokens, DM Sans.
Light & darkDM Sans
tweakcn
Bubblegum
Themeshadcn/ui theme — light and dark tokens, Poppins.
Light & darkPoppins
tweakcn
Amethyst Haze
Themeshadcn/ui theme — light and dark tokens, Geist.
Light & darkGeist
tweakcn
Notebook
Themeshadcn/ui theme — light and dark tokens, Architects Daughter.
Light & darkArchitects Daughter
tweakcn
Doom 64
Themeshadcn/ui theme — light and dark tokens, "Oxanium".
Light & dark"Oxanium"
tweakcn
Catppuccin
Themeshadcn/ui theme — light and dark tokens, Montserrat.
Light & darkMontserrat
tweakcn
Graphite
Themeshadcn/ui theme — light and dark tokens, Montserrat.
Light & darkMontserrat
tweakcn
Perpetuity
Themeshadcn/ui theme — light and dark tokens, Courier New.
Light & darkCourier New
tweakcn
Kodama Grove
Themeshadcn/ui theme — light and dark tokens, Merriweather.
Light & darkMerriweather
tweakcn
Cosmic Night
Themeshadcn/ui theme — light and dark tokens, Inter.
Light & darkInter
tweakcn
Tangerine
Themeshadcn/ui theme — light and dark tokens, Inter.
Light & darkInter
tweakcn
Quantum Rose
Themeshadcn/ui theme — light and dark tokens, Poppins.
Light & darkPoppins
tweakcn
Nature
Themeshadcn/ui theme — light and dark tokens, Montserrat.
Light & darkMontserrat
tweakcn
Bold Tech
Themeshadcn/ui theme — light and dark tokens, Roboto.
Light & darkRoboto
tweakcn
Elegant Luxury
Themeshadcn/ui theme — light and dark tokens, Poppins.
Light & darkPoppins
tweakcn
Amber Minimal
Themeshadcn/ui theme — light and dark tokens, Inter.
Light & darkInter
tweakcn
Supabase
Themeshadcn/ui theme — light and dark tokens, Outfit.
Light & darkOutfit
tweakcn
Neo Brutalism
Themeshadcn/ui theme — light and dark tokens, DM Sans.
Light & darkDM Sans
tweakcn
Solar Dusk
Themeshadcn/ui theme — light and dark tokens, Oxanium.
Light & darkOxanium
tweakcn
Claymorphism
Themeshadcn/ui theme — light and dark tokens, Plus Jakarta Sans.
Light & darkPlus Jakarta Sans
tweakcn
Cyberpunk
Themeshadcn/ui theme — light and dark tokens, Outfit.
Light & darkOutfit
tweakcn
Pastel Dreams
Themeshadcn/ui theme — light and dark tokens, Open Sans.
Light & darkOpen Sans
tweakcn
Clean Slate
Themeshadcn/ui theme — light and dark tokens, Inter.
Light & darkInter
tweakcn
Caffeine
Themeshadcn/ui theme — light and dark tokens.
Light & darktweakcn
Ocean Breeze
Themeshadcn/ui theme — light and dark tokens, DM Sans.
Light & darkDM Sans
tweakcn
Retro Arcade
Themeshadcn/ui theme — light and dark tokens, Outfit.
Light & darkOutfit
tweakcn
Midnight Bloom
Themeshadcn/ui theme — light and dark tokens, Montserrat.
Light & darkMontserrat
tweakcn
Candyland
Themeshadcn/ui theme — light and dark tokens, Poppins.
Light & darkPoppins
tweakcn
Vintage Paper
Themeshadcn/ui theme — light and dark tokens, Libre Baskerville.
Light & darkLibre Baskerville
tweakcn
Sunset Horizon
Themeshadcn/ui theme — light and dark tokens, Montserrat.
Light & darkMontserrat
tweakcn
Starry Night
Themeshadcn/ui theme — light and dark tokens, Libre Baskerville.
Light & darkLibre Baskerville
tweakcn
Claude
Themeshadcn/ui theme — light and dark tokens.
Light & darktweakcn
Vercel
Themeshadcn/ui theme — light and dark tokens, Geist.
Light & darkGeist
tweakcn
Darkmatter
Themeshadcn/ui theme — light and dark tokens, Geist Mono.
Light & darkGeist Mono
tweakcn
Mono
Themeshadcn/ui theme — light and dark tokens, Geist Mono.
Light & darkGeist Mono
tweakcn
Soft Pop
Themeshadcn/ui theme — light and dark tokens, DM Sans.
Light & darkDM Sans
tweakcn
Sage Garden
Themeshadcn/ui theme — light and dark tokens, Antic.
Light & darkAntic
tweakcn
industrial-brutalist-ui
GuideRaw 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 promptDevelop 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 promptAct 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 promptAct 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
AnimationAn animated beam of light which travels along a path. Useful for showcasing the "integration" features of a website.
Magic UI
Aurora Text
AnimationA beautiful aurora text effect
Magic UI
Backlight
AnimationA backlight glow effect for videos, images, and SVGs.
Magic UI
Border Beam
AnimationAn animated beam of light which travels along the border of its container.
Magic UI
Cool Mode
AnimationCool mode effect for buttons, links, and other DOMs
Magic UI
Glare Hover
AnimationA diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.
Magic UI
Text Highlighter
AnimationA text highlighter that mimics the effect of a human-drawn marker stroke.
Magic UI
Interactive Hover Button
AnimationA 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
AnimationA spotlight effect that follows your mouse cursor and highlights borders on hover.
Magic UI
Meteors
AnimationA meteor shower effect.
Magic UI
Neon Gradient Card
AnimationA beautiful neon card effect
Magic UI
Pixel Image
AnimationA component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.
Magic UI
Progressive Blur
AnimationAdd a progressive blur effect to scrollable content
Magic UI
Rainbow Button
AnimationAn animated button with a rainbow effect.
Magic UI
Ripple
AnimationAn animated ripple effect typically used behind elements to emphasize them.
Magic UI
Shimmer Button
AnimationA button with a shimmering light which travels around the perimeter.
Magic UI
Shine Border
AnimationShine border is an animated background border effect.
Magic UI
Shiny Button
AnimationA shiny button component with dynamic styles in the dark mode or light mode.
Magic UI
Spinning Text
AnimationThe 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.