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.
Immersive Photo
StylePhotography is the interface. Full-bleed images fill the viewport with text floating over readability scrims; a slow Ken Burns drift lets stills breathe, a blur-up placeholder loads first and the real frame fades in. Th…
Full style reference · 7k charsStyleKit
Text Animate
AnimationA text animation component that animates text using a variety of different animations.
Magic UI
Text Effect
AnimationEasily animate text content with various effects. You can apply animations per character or per word, and customize the animation effects using custom variants or preset animations.
Motion-Primitives
Medieval Manuscript
StyleMedieval illuminated manuscript style with ornate drop-cap initials, parchment textures, gold and deep-red decorative borders. Gothic blackletter combined with illustrative elements.
StyleKit
Swiss Poster
StyleBold typography, grid alignment, primary color blocks, and experimental layouts. Rooted in the Swiss International Style poster design tradition, building information delivery through oversized type and strong visual hi…
StyleKit
Accessible & Ethical
StyleAccessible, inclusive interface, high contrast, large text (16px+), keyboard navigation, screen reader friendly, accessibility standards aware, focus state, semantic. Best for Government, healthcare, education, inclusiv…
UI/UX Pro Max
Skeuomorphism
StyleRealistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. Best for Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, edu…
UI/UX Pro Max
Kinetic Brutalism (Space Grotesk)
Font pairingSpace Grotesk + Space Grotesk — kinetic, brutalist, aggressive, uppercase, oversized, display, motion, street, bold, high-energy, zine
Space Grotesk
UI/UX Pro Max
Kinetic Typography
StyleType is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…
Full style reference · 7k charsStyleKit
Parallax Editorial
StyleEditorial layout with physical depth. On warm paper, foreground text and background layers scroll at different rates to build real parallax; sticky image-text interlock, chapter numbers and drop caps turn long-form into…
Full style reference · 7k charsStyleKit
Minisforum-inspired
Brand-inspiredMinisforum's storefront evidence shows a cool, technical e-commerce palette built on near-black text (#000000, #1a1a1a, #1d1d1f) over white and off-white canvases (#ffffff, #fafafa, #f5f5f5), with a saturated blue (#133…
Full style reference · 11k charsInter
Awesome DESIGN.md — e-commerce
Cinematic Video Hero
StyleA cinematic opener led by a short looping video. A poster frame paints first as the LCP; the muted video autoplays and loops only once in view; text sits on a readability scrim. Dark grading and slow motion build a trai…
Full style reference · 6k charsStyleKit
Dark Gallery
StyleA dark photography gallery portfolio: near-black canvases let full-bleed images command absolute attention; warm amber accents highlight metadata and captions while ultra-light typography retreats into the background. F…
Full style reference · 6k charsStyleKit
Launch Keynote
StyleAn Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…
Full style reference · 8k charsStyleKit
Luxe Lookbook
StyleThe couture aesthetic of a fashion maison's digital flagship: a porcelain ground, ink-noir type, one muted gold; oversized high-contrast Didone serif display, a full-bleed silk-motion film hero, and a lookbook grid with…
Full style reference · 7k charsStyleKit
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
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
Warm Organic
StyleA warm, naturalist portfolio style for architects, interior designers, product designers, ceramic artists, and landscape architects. Think warm-toned minimalism: terracotta and clay colors, natural textures, soft shadow…
Full style reference · 6k charsStyleKit
Clickhouse-inspired
Brand-inspiredA high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice acr…
Full style reference · 26k charsInter
Awesome DESIGN.md
Figma-inspired
Brand-inspiredA confident black-and-white editorial frame interrupted by oversized, hand-cut pastel color blocks. The marketing canvas is rigorously monochrome — figmaSans variable type, pure white surfaces, pure black ink, pill-shap…
Full style reference · 32k charsfigmaSans
Awesome DESIGN.md
Linear-inspired
Brand-inspiredA near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the singl…
Full style reference · 24k charsLinear Display
Awesome DESIGN.md
Miro-inspired
Brand-inspiredMiro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorf…
Full style reference · 37k charsRoobert PRO
Awesome DESIGN.md
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
Nintendo 2001-inspired
Brand-inspiredAn analysis of Nintendo.com's 2001 design language — a brushed-periwinkle "console chrome" interface where every panel is a beveled metal plate, navigation glows amber over a halftone-dotted carbon bar, and bold outline…
Full style reference · 39k charsArial
Awesome DESIGN.md
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
Brutalist Web
StyleA return to the raw HTML aesthetics of the early 90s internet, with system fonts, blue underlined links, pure white backgrounds, and zero decoration -- content over form.
StyleKit
Frutiger Aero
StyleGlass-textured aesthetics from the Windows Vista/7 era, blending sky-blue gradients, translucent frosted glass panels, and natural elements for a fresh, airy digital-nature feel.
StyleKit
Finance Tracker App Development Plan
App promptAct as a Senior Flutter Architect + Product Engineer. You have over 10 years of experience building production-grade Flutter apps for Android and iOS, focusing on clean architecture, great UX, strong privacy, and fast i…
prompts.chat
Dialog
AnimationA window overlaid on either the primary window or another dialog window, rendering the content underneath inert. Customize the dialog with variants and transition.
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.