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.
Shader Gradient
StyleA premium SaaS aesthetic built on a real-time WebGL fragment-shader mesh gradient. A slowly breathing iridescent field flows across a near-black canvas while frosted-glass panels float above it, paired with a clean mode…
Full style reference · 9k charsStyleKit
Holographic
StyleRainbow spectrum iridescent gradient aesthetics simulating holographic prismatic refraction and dynamic light effects for an otherworldly iridescent experience.
StyleKit
Modern Gradient
StyleVibrant modern gradient style with colorful gradient backgrounds, glass-textured cards, and dynamic lighting effects. Ideal for startups, digital products, and event pages.
StyleKit
Neon Gradient
StyleVivid gradient cards on dark backgrounds with thick colored borders and neon glow effects. Ideal for tech products, SaaS landing pages, and youth-oriented brands.
StyleKit
Animated Gradient Text
AnimationAn animated gradient background which transitions between colors for text.
Magic UI
Y2K
StyleEarly-2000s futuristic aesthetic with metallic textures, transparent plastics, bubble elements, silver and rainbow gradients, brimming with optimistic visions of the digital age.
StyleKit
Neon Gradient Card
AnimationA beautiful neon card effect
Magic UI
Neon Retro
Style80s-90s retro-futuristic aesthetics with pink-purple gradients, neon colors, and glitch art effects. Includes Vaporwave, Synthwave, and Cyberpunk variants.
Full style reference · 8k charsStyleKit
Frutiger Aero
StyleGlass-textured aesthetics from the Windows Vista/7 era, blending sky-blue gradients, translucent frosted glass panels, and natural elements for a fresh, airy digital-nature feel.
StyleKit
Stripe Style
StyleA refined and professional fintech style featuring Stripe purple as the primary color, complemented by gradient grid backgrounds, elegant card shadows, and smooth animations, ideal for payment products and developer too…
StyleKit
Synthwave
Style80s retro-futuristic music aesthetic with neon pink-purple palette, grid horizon, sunset gradients, and vintage tech feel -- brimming with nostalgic visions of the future.
StyleKit
Watercolor Style
StyleA design style inspired by watercolor painting, featuring soft color gradients, blurred edge effects, paper texture backgrounds, and flowing color diffusion, conveying artistry and poetry.
StyleKit
Aurora UI
StyleVibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Best for Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections.
UI/UX Pro Max
Skeuomorphism
StyleRealistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. Best for Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, edu…
UI/UX Pro Max
Neubrutalism
StyleBold borders, black outlines, primary colors, thick shadows, no gradients, flat colors, 45° shadows, playful, Gen Z. Best for Gen Z brands, startups, creative agencies, Figma-style apps, Notion-style interfaces, tech bl…
UI/UX Pro Max
Y2K Aesthetic
StyleNeon pink, chrome, metallic, bubblegum, iridescent, glossy, retro-futurism, 2000s, futuristic nostalgia. Best for Fashion brands, music platforms, Gen Z brands, nostalgia marketing, entertainment, youth-focused.
UI/UX Pro Max
Dopamine Design
StyleStyleKit
Linear Style
StyleStyleKit
Minimalist Flat
StyleUltra-minimal flat design with no shadows or gradients, creating hierarchy through color and whitespace. Ideal for portfolios, creative agencies, and art websites.
Full style reference · 7k charsStyleKit
Expo-inspired
Brand-inspiredA React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink (`…
Full style reference · 22k charsInter
Awesome DESIGN.md
Minimax-inspired
Brand-inspiredMiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink,…
Full style reference · 38k charsDM Sans
Awesome DESIGN.md
Mintlify-inspired
Brand-inspiredMintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documenta…
Full style reference · 44k charsInter
Awesome DESIGN.md
Mistral-inspired
Brand-inspiredMistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal "sunset stripe" bar that closes every page. The syst…
Full style reference · 35k charsPP Editorial Old
Awesome DESIGN.md
Slack-inspired
Brand-inspiredAn inspired interpretation of Slacc's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue inline links, and pill CTAs. The system pairs a proprietary…
Full style reference · 25k charsSalesforce-Avant-Garde
Awesome DESIGN.md
Stripe-inspired
Brand-inspiredAn inspired interpretation of Stripi's design language — a financial-infrastructure brand built on a deep navy ink, an electric indigo primary, and a recurring atmospheric gradient mesh that occupies the upper third of…
Full style reference · 25k charssohne-var
Awesome DESIGN.md
Together-inspired
Brand-inspiredAn inspired interpretation of Together AI's design language — an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single pie…
Full style reference · 38k charsThe Future
Awesome DESIGN.md
Vercel-inspired
Brand-inspiredAn inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / ma…
Full style reference · 41k charsGeist
Awesome DESIGN.md
X-inspired
Brand-inspiredAn inspired interpretation of xAI's design language — Elon Musk's frontier-AI company whose web surface is a strict near-black canvas broken only by white pill outlines, occasional warm sunset / dusk gradient accents, a…
Full style reference · 22k charsuniversalSans
Awesome DESIGN.md
Cel Shading
StyleA rendering style inspired by traditional cel animation, featuring bold black outlines, flat color fills, hard shadows without gradients, and vivid saturated colors full of cartoon and game energy.
StyleKit
Claymorphism
StyleA soft clay-textured design that creates adorable 3D effects through extra-large border radii, combined inner and outer shadows, and gentle gradients, ideal for children's apps and playful products.
StyleKit
JRPG
StyleClassic Japanese RPG menu and dialogue box aesthetics with beveled borders, gradient backgrounds, status bars, and ornate frames. Ideal for game interfaces, interactive narratives, and fantasy-style products.
StyleKit
Solarpunk
StyleAn optimistic eco-futurism style blending nature and technology in harmonious aesthetics. Organic curves, plant elements, warm gradients, and soft rounded corners. Ideal for eco-friendly, sustainable development, and gr…
StyleKit
minimalist-ui
GuideClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
taste-skill
Gravity Shift: Low-Poly Physics Platformer
App promptGame Concept: A puzzle-platformer named "Gravity Shift" where players rotate the entire world to navigate a 3D low-poly labyrinth. The environment is minimalist, using pastel gradients and sharp geometric shapes. Techni…
prompts.chat
Dia Text Reveal
AnimationA horizontal color band sweeps across text with a gradient shine, then settles on your theme foreground color.
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
Progressive blur
AnimationA 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.