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.
Vertical Timeline
StyleVertical timeline layout connecting time nodes through a connecting line. Ideal for displaying historical progress, project milestones, work experience, and process steps.
StyleKit
Meditation Timer
App promptBuild a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, a…
prompts.chat
Pomodoro Timer
App promptCreate a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents…
prompts.chat
Real-Time Multiplayer Defense Game
App promptAct as a Game Developer. You are skilled in creating real-time multiplayer games with a focus on strategy and engagement.\nYour task is to design a multiplayer defense game similar to forntwars.io.\nYou will:\n- Develop…
prompts.chat
Timer & Pomodoro palette
PaletteFocus red on dark + break green
UI/UX Pro Max
Fasting & Intermittent Timer palette
PaletteFasting indigo on dark + eating green
UI/UX Pro Max
Classic Elegant
Font pairingPlayfair Display + Inter — elegant, luxury, sophisticated, timeless, premium, editorial
Playfair Display / Inter
UI/UX Pro Max
Scrollytelling
StyleScrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…
Full style reference · 7k charsStyleKit
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
Alarm & World Clock palette
PaletteTime amber + night indigo on dark
UI/UX Pro Max
Short Video Editor palette
PaletteVideo pink on dark + timeline blue
UI/UX Pro Max
Currency Exchange Calculator
App promptDevelop a comprehensive currency converter using HTML5, CSS3, JavaScript and a reliable Exchange Rate API. Create a clean, intuitive interface with prominent input fields and currency selectors. Implement real-time exch…
prompts.chat
Memory Card Game
App promptDevelop a memory matching card game using HTML5, CSS3, and JavaScript. Create visually appealing card designs with flip animations. Implement difficulty levels with varying grid sizes and card counts. Add timer and move…
prompts.chat
Linux Monitoring Dashboard with React
App promptAct as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should: - Utilize the latest React components for pre…
prompts.chat
Warp Background
AnimationA card with a time warping background effect.
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.