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.
Visual Novel
StyleA design style inspired by ADV visual novel game UI, featuring semi-transparent dialogue panels, character nameplate badges, ornate corner decorations, branching choice buttons, and save screen interfaces for an immersi…
StyleKit
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
Pulsating Button
AnimationAn animated pulsating button useful for capturing attention of users.
Magic UI
Rainbow Button
AnimationAn animated button with a rainbow effect.
Magic UI
Ripple Button
AnimationAn animated button with ripple useful for user engagement.
Magic UI
Shimmer Button
AnimationA button with a shimmering light which travels around the perimeter.
Magic UI
Shiny Button
AnimationA shiny button component with dynamic styles in the dark mode or light mode.
Magic UI
Tactile Digital / Deformable UI
StyleJelly buttons, chrome, clay, squishy, deformable, bouncy, physical, tactile feedback, press response. Best for Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos.
UI/UX Pro Max
Material Design
StyleGoogle's design system based on the metaphor of paper and ink, emphasizing hierarchy, motion, bold colors, and responsive interactions -- the standard for modern mobile design.
StyleKit
Skeuomorphism
StyleA digital design style that simulates real-world objects through textures, lighting, and materials to mimic physical items, bringing familiarity and intuitive experiences.
StyleKit
Airbnb-inspired
Brand-inspiredA warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage that carries every primary CTA, search-button orb, and rating dot. Type runs Airbnb Cereal VF…
Full style reference · 30k charsAirbnb Cereal VF
Awesome DESIGN.md
Mongodb-inspired
Brand-inspiredMongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unm…
Full style reference · 32k charsEuclid Circular A
Awesome DESIGN.md
Great Jones-inspired
Brand-inspiredGreat Jones is a direct-to-consumer cookware brand that brings a sense of warmth, wit, and color to the kitchen. The brand's palette is anchored by a deep, earthy green (`#0e5540`) that appears on primary buttons, key n…
Full style reference · 19k charsCooperBT
Awesome DESIGN.md — e-commerce
The Ordinary-inspired
Brand-inspiredA clinical skincare brand that uses a stark white canvas and a single red accent — #e83f42 — as its only emotional release, applied to the cart icon, sale badges, and the "Add to Cart" button that sits like a stop sign…
Full style reference · 16k charsJost
Awesome DESIGN.md — e-commerce
Magic Spoon-inspired
Brand-inspiredMagic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…
Full style reference · 11k charsPoppins
Awesome DESIGN.md — e-commerce
Doona-inspired
Brand-inspiredDoona's evidence shows a strict black-and-white foundation: body copy renders in pure black (#000) on a white canvas, with primary calls-to-action using the same black/white pairing (button_default and filledBlackHover…
Full style reference · 10k charscentury-gothic-std
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
Amrapali-inspired
Brand-inspiredAmrapali's observed CSS shows a stark black-and-white foundation (#000000, #ffffff) overlaid with a single saturated red accent (#e11931) used consistently as a hover/interaction color on buttons and links. Supporting n…
Full style reference · 10k charsCormorant Garamond
Awesome DESIGN.md — e-commerce
Interactive Quiz
App promptDevelop a comprehensive interactive quiz application with HTML5, CSS3 and JavaScript. Create an engaging UI with smooth transitions between questions. Support multiple question types including multiple choice, true/fals…
prompts.chat
Frontend Design (Anthropic skill)
GuideGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
Anthropic skills
Cool Mode
AnimationCool mode effect for buttons, links, and other DOMs
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.