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.
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
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
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
Creative Studio
StyleA bold, confident portfolio style for design studios, agencies, and freelancers. Oversized typography, bold color blocking, rich hover states, client logo walls, and team grids — professional but never corporate, with p…
Full style reference · 7k charsStyleKit
Kwikset-inspired
Brand-inspiredKwikset's site evidence shows a utilitarian, security-hardware register: a near-black text color paired with a saturated red (#d90114, hovering to #f00016 and darkening to #d01b32) used consistently across primary call-…
Full style reference · 11k charsGotham SSm A
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
Notion Style
StyleA minimalist and clean document tool style emphasizing content readability and functionality, using subtle borders, gentle hover effects, and clear typographic hierarchy.
StyleKit
Kinetic Text
AnimationA text component that animates font weight of characters on hover.
Magic UI
Magic Card
AnimationA spotlight effect that follows your mouse cursor and highlights borders on hover.
Magic UI
Pointer
AnimationA component that displays a pointer when hovering over an element
Magic UI
Text 3D Flip
AnimationA text effect that flips each letter in 3D with a staggered animation on hover.
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
Infinite Slider
AnimationInfinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, mar…
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.