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.
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
Interactive Love Message HTML Page
App promptAct as a Web Developer. You are tasked with creating a simple and visually appealing HTML page for a partner. Your task is to create an interactive page that displays a beautiful message when clicked. You will: - Use HT…
prompts.chat
Interactive Grid Pattern
AnimationA interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.
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
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 Cursor Design
StyleCustom cursor, cursor as tool, hover effects, cursor feedback, pointer transformation, cursor trail, magnetic cursor. Best for Creative portfolios, interactive experiences, agency sites, product showcases, gaming, enter…
UI/UX Pro Max
3D Product Preview
Style360 product view, rotatable, zoomable, touch-to-spin, AR preview, product configurator, interactive 3D model. Best for E-commerce, furniture, fashion, automotive, electronics, jewelry, product configurators.
UI/UX Pro Max
Roborock-inspired
Brand-inspiredRobot vacuum silhouettes float in LiDAR-cold studio light above near-black fields (#161616, #313131) — the product is the hero, and Roborock's digital canvas is engineered to serve it. Primary interactive voltage runs t…
Full style reference · 22k charsproxima-nova
Awesome DESIGN.md — e-commerce
GitHub Style
StyleGitHub design language style with clean interface hierarchy, a refined grayscale system, blue interactive color, monospace code fonts, and developer-friendly information architecture.
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
Motion-Driven
StyleAnimation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. Best for Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative,…
UI/UX Pro Max
Micro-interactions
StyleSmall animations, gesture-based, tactile feedback, subtle animations, contextual interactions, responsive. Best for Mobile apps, touchscreen UIs, productivity tools, user-friendly, consumer apps, interactive components.
UI/UX Pro Max
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
Drawing App
App promptCreate an interactive drawing application using HTML5 Canvas, CSS3, and JavaScript. Build a clean interface with intuitive tool selection. Implement multiple drawing tools including brush, pencil, shapes, text, and eras…
prompts.chat
Sudoku Game
App promptCreate an interactive Sudoku game using HTML5, CSS3, and JavaScript. Build a clean, accessible game board with intuitive controls. Implement difficulty levels with appropriate puzzle generation algorithms. Add hint syst…
prompts.chat
Quizflix App Development
App promptAct as a Mobile App Developer specializing in interactive applications. Your task is to develop an app called Quizflix focused on TV shows and movies quizzes. You will: - Create a quiz creation interface for the app own…
prompts.chat
Interface Design (dashboards, tools)
GuideCraft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing, building, reviewing, auditing, or refining product UI where vis…
Interface Design skill
Globe
AnimationAn autorotating, interactive, and highly performant globe made using WebGL.
Magic UI
Icon Cloud
AnimationAn interactive 3D tag cloud component
Magic UI
Lens
AnimationA interactive component that enables zooming into images, videos and other elements.
Magic UI
Animated Background
AnimationVisually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the active item, making it ideal for interactive lists, menus, or navigation…
Motion-Primitives
Image Comparison
AnimationInteractively compare two images with a draggable slider to reveal differences.
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.