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.
Maximalism
StyleMaximalist design -- more is more. Layered patterns, mixed fonts, saturated colors, and decorative borders. A stark contrast to minimalism, embracing richness, opulence, and visual impact.
StyleKit
Paper Craft
StylePaper craft and paper-cut style with layered paper effects, soft shadows suggesting depth, and handmade textured edges. Ideal for children's brands, educational products, and creative studios.
StyleKit
Glassmorphism
StyleFrosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. Best for Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation.
UI/UX Pro Max
Parallax Storytelling
StyleScroll-driven, narrative, layered scrolling, immersive, progressive disclosure, cinematic, scroll-triggered. Best for Brand storytelling, product launches, case studies, portfolios, annual reports, marketing campaigns.
UI/UX Pro Max
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
Panic (Playdate)-inspired
Brand-inspiredPlaydate's site evidence points to a bright, toy-like palette layered over a neutral, near-monochrome UI shell. The dominant accent is a warm brand yellow (#ffc833, close to the device's own #fbc651 shell color), paired…
Full style reference · 12k charsRoobert
Awesome DESIGN.md — e-commerce
Liqui Moly-inspired
Brand-inspiredLIQUI MOLY's public storefront exposes a Bootstrap-based design system layered with
Full style reference · 11k charsDIN Pro
Awesome DESIGN.md — e-commerce
Whitmore Rare Books-inspired
Brand-inspiredThe observed CSS is a customized Bootstrap 3 base layered with a bespoke
Full style reference · 11k charscormorant-garamond
Awesome DESIGN.md — e-commerce
4 Wheel Parts-inspired
Brand-inspired4 Wheel Parts' site CSS exposes three declared brand variables: --primary (#F50028, a saturated red), --secondary (#FAE703, a bright safety-yellow), and --tertiary (#0058B3, a mid blue), layered over a large neutral gra…
Full style reference · 11k charsBarlow
Awesome DESIGN.md — e-commerce
Earthen Shop-inspired
Brand-inspiredEarthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived
Full style reference · 11k charsAssistant
Awesome DESIGN.md — e-commerce
Soko-inspired
Brand-inspiredSOKO's storefront CSS exposes a neutral black-and-white foundation (#000000, #ffffff, #111111) layered with warm accent tones drawn from its jewelry materials: a brass/gold badge color (#7e6b45) used for "best seller" l…
Full style reference · 11k charsOutfit
Awesome DESIGN.md — e-commerce
Pehr-inspired
Brand-inspiredPehr's storefront CSS shows a restrained, black-and-white foundation layered
Full style reference · 11k charsQuincy Thin
Awesome DESIGN.md — e-commerce
Lowepro-inspired
Brand-inspiredLowepro's stylesheet exposes a Bootstrap-derived variable system layered with a
Full style reference · 11k charsGilroy
Awesome DESIGN.md — e-commerce
Portola Paints-inspired
Brand-inspiredPortola Paints & Finishes sells specialty decorative coatings (Roman Clay, Lime Wash, Traditional Finish) through a Shopify storefront whose extracted CSS exposes a neutral, utilitarian UI palette layered over a small s…
Full style reference · 11k charsCardo
Awesome DESIGN.md — e-commerce
JM Bullion-inspired
Brand-inspiredJM Bullion's observed CSS shows a utilitarian e-commerce shell built on Open Sans (with Arial and sans-serif fallbacks) at a compact 15px/18px body rhythm, layered over a white canvas. The confirmed brand blue (#125ea7)…
Full style reference · 11k charsOpen Sans
Awesome DESIGN.md — e-commerce
Artipoppe-inspired
Brand-inspiredArtipoppe's public CSS evidence shows a restrained neutral system layered under a generic Bootstrap utility framework. Brand-specific rules are sparse but consistent: a dark charcoal (#32373c) fills solid buttons and fi…
Full style reference · 10k charsAvenir Heavy
Awesome DESIGN.md — e-commerce
Neon Tokyo
StyleTokyo Kabukicho neon nightscape style with rain-slicked street reflections, layered neon signage, and cyberpunk urban night vibes. Unlike cyberpunk-neon's sci-fi feel, this leans toward authentic urban nightscapes.
StyleKit
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.