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.
Transition Panel
AnimationMotion-Primitives
Split Screen
StyleSymmetric or asymmetric split-screen layout creating visual tension through contrast and balance. Commonly used for product showcases, brand stories, and comparison pages.
StyleKit
Neumorphism
StyleSoft concave and convex 3D effects using dual shadows to simulate light sources. Light backgrounds with same-tone elements create a refined sense of depth.
Full style reference · 7k charsStyleKit
Comic Style
StyleA design style inspired by comic books and manga, featuring heavy ink-line borders, halftone fills, speech bubbles, action lines, and panel layouts, full of narrative and visual impact.
StyleKit
Dashboard Layout
StyleA data-driven dashboard layout featuring side navigation, top toolbar, multi-module data panels, and chart areas -- ideal for admin systems, data analytics platforms, and monitoring dashboards.
StyleKit
Data Dense
StyleHigh-density admin panel style with compact spacing and small components. Prioritizes data tables and operational efficiency.
StyleKit
macOS Vibrancy
StyleNative macOS dark vibrancy style. Multi-layer dark gray panels, system-level backdrop-blur, and extreme restraint create the calm, professional feel of a desktop application.
StyleKit
Mecha
StyleDesign style inspired by mecha anime like Gundam/EVA -- tech panels, warning signs, mechanical textures, military green and navy blue base with warning yellow and danger red, brimming with industrial power.
StyleKit
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
Minimax-inspired
Brand-inspiredMiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink,…
Full style reference · 38k charsDM Sans
Awesome DESIGN.md
Mintlify-inspired
Brand-inspiredMintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documenta…
Full style reference · 44k charsInter
Awesome DESIGN.md
Mongodb-inspired
Brand-inspiredMongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unm…
Full style reference · 32k charsEuclid Circular A
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
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
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
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
Sci-Fi HUD
StyleA holographic display interface inspired by starship cockpits and tactical command centers. Deep space backgrounds, cyan glowing borders, translucent glass panels, and radar sweep animations create an immersive experien…
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
SaaS Mobile Boutique (Calistoga + Inter)
Font pairingCalistoga + Inter — saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth
Calistoga / Inter
UI/UX Pro Max
Sketch Hand-Drawn Mobile (Kalam + Patrick Hand)
Font pairingKalam + Patrick Hand — sketch, hand-drawn, handwriting, human, imperfect, organic, paper, kalam, patrick hand, education, journal, creative
Kalam / Patrick Hand
UI/UX Pro Max
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
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.