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.
Gothic Lolita
StyleVictorian lace, black ribbons, crosses and roses in dark elegance -- a dark romantic aesthetic blending Gothic architectural ornamentation with Lolita's exquisite details.
StyleKit
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
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
Framer-inspired
Brand-inspiredA confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident b…
Full style reference · 29k charsGT Walsheim Framer Medium
Awesome DESIGN.md
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
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
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
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
Apple-inspired
Brand-inspiredA photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action…
Full style reference · 37k charsSF Pro Display
Awesome DESIGN.md
Dell 1996-inspired
Brand-inspiredAn inspired interpretation of Dell.com's 1996 design language — a catalog-era enterprise web design built around a literal black page frame, vivid flat color-block "ribbon cards" tinted in sage, salmon, periwinkle, sky,…
Full style reference · 34k charsArial Black
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
Uber-inspired
Brand-inspiredAn inspired interpretation of Uber's design language — a transportation-and-delivery super-app brand whose web surface is a black-and-white duet, framed by a custom geometric display sans, accented by a single signature…
Full style reference · 35k charsUberMove
Awesome DESIGN.md
Eufy-inspired
Brand-inspiredClean anthracite (#1d1d1f) and near-void black (#080a0f) frame every hero section, throwing product photography into high-contrast relief — a staging technique borrowed from consumer electronics that positions Eufy as a…
Full style reference · 22k charsMach Tera
Awesome DESIGN.md — e-commerce
Snuza-inspired
Brand-inspiredSnuza's public site runs on a Foundation-framework base, and the supplied CSS
Full style reference · 11k charsAwesome 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
Cyber Anime
StyleFusing cyberpunk sci-fi UI with anime aesthetics, featuring HUD overlays, holographic projection panels, mecha-frame borders, and multi-layer neon glow effects for a futuristic anime interface style.
StyleKit
Cyber Wafuu
StyleA Japanese cyber aesthetic where seigaiha wave patterns merge with circuit traces, torii gate navigation frames, asanoha hemp leaf grids, kintsugi gold repair lines, and shoji screen grid panels -- traditional patterns…
StyleKit
Neon Samurai
StyleA collision of traditional Japanese samurai aesthetics with neon cyberpunk, weaving katana slash lines, vermillion torii gate frames, calligraphy brushstrokes, and dual-color neon glow effects -- ukiyo-e meets neon ligh…
StyleKit
Shoujo Manga
StyleThe distinctive romantic aesthetics of shoujo manga, featuring screentone texture backgrounds, flower frame decorations, ribbon banner titles, multi-point sparkle effects, lace borders, and heart elements, presented in…
StyleKit
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
redesign-existing-projects
GuideUpgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanill…
taste-skill
Frontend Developer Skill
App prompt# Frontend Developer You are an elite frontend development specialist with deep expertise in modern JavaScript frameworks, responsive design, and user interface implementation. Your mastery spans React, Vue, Angular, an…
prompts.chat
Frontend Developer agent
GuideUse when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.
VoltAgent subagents
Dock
AnimationAn implementation of the MacOS dock using react + tailwindcss + framer motion
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.