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.
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 Dashboard
StyleMultiple charts/widgets, data tables, KPI cards, minimal padding, grid layout, space-efficient, maximum data visibility. Best for Business intelligence dashboards, financial analytics, enterprise reporting, operational…
UI/UX Pro Max
Fixed Sidebar
StyleApplication layout with a fixed sidebar navigation and scrollable main content area. Ideal for admin dashboards, documentation sites, dashboards, and SaaS applications.
StyleKit
Warm Dashboard
StyleA warm and soft dashboard design style with coral/terracotta backgrounds, cream-white cards, and gentle shadows, creating a comfortable and professional data display experience.
StyleKit
Data Dense
StyleHigh-density admin panel style with compact spacing and small components. Prioritizes data tables and operational efficiency.
StyleKit
Corporate Clean
StyleProfessional and clean enterprise style emphasizing readability, consistency and trustworthiness. Ideal for B2B SaaS, corporate websites, and admin dashboards.
StyleKit
F-Pattern Layout
StyleAn F-pattern scanning layout based on eye-tracking research, where the user's gaze starts from the top-left, scans horizontally across the top, then moves downward, ideal for content-heavy pages, blog posts, and news li…
StyleKit
Holy Grail Layout
StyleThe classic three-column web layout consisting of a fixed header, a three-column middle section (left navigation, main content, right sidebar), and a fixed footer -- a foundational layout paradigm in web design.
StyleKit
Z-Pattern Layout
StyleA Z-pattern scanning layout based on eye-tracking, where the gaze moves from top-left to top-right, diagonally to bottom-left, then to bottom-right, forming a Z-path. Ideal for landing pages, marketing pages, and concis…
StyleKit
Bento Box Grid
StyleModular cards, asymmetric grid, varied sizes, Apple-style, dashboard tiles, negative space, clean hierarchy, cards. Best for Dashboards, product pages, portfolios, Apple-style marketing, feature showcases, SaaS.
UI/UX Pro Max
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
Asymmetric Grid
StyleA layout approach that breaks traditional symmetric grids, creating dynamic and engaging page structures through irregular column widths, overlapping elements, and visual tension. Ideal for creative portfolios, art exhi…
StyleKit
Bento Grid
StyleIrregular grid layout inspired by Japanese bento boxes, creating visual hierarchy through varied card sizes. Commonly used for portfolios and product showcases.
StyleKit
Editorial
StyleElegant magazine typography style with serif headings, sans-serif body text, refined whitespace and grid systems. Inspired by high-end fashion magazines and newspaper layouts. Warm cream background, soft black text, fin…
StyleKit
Magazine Grid
StyleMulti-column grid layout inspired by print magazines, creating rich visual hierarchy through varied content block sizes. Ideal for news, blogs, and content aggregation.
StyleKit
Masonry Flow
StylePinterest-style masonry layout with variable-height cards, achieved through CSS columns or masonry grid for a naturally flowing visual effect. Ideal for image galleries, portfolios, and social media.
StyleKit
Oversized Typography
StyleThe defining portfolio trend of 2026: type IS the layout. Names and headlines become viewport-scale heroes via fluid clamp() sizing, imagery recedes to accents, and a single international orange cuts through near-black…
StyleKit
Shopify Clean
StyleA clean, modern aesthetic built for independent storefronts. Product-first layouts with clear pricing hierarchy and smooth conversion paths.
StyleKit
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
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
Vertical Timeline
StyleVertical timeline layout connecting time nodes through a connecting line. Ideal for displaying historical progress, project milestones, work experience, and process steps.
StyleKit
Vibrant & Block-based
StyleBold, energetic, playful, block layout, geometric shapes, high color contrast, duotone, modern, energetic. Best for Startups, creative agencies, gaming, social media, youth-focused, entertainment, consumer.
UI/UX Pro Max
Editorial Grid / Magazine
StyleMagazine layout, asymmetric grid, editorial typography, pull quotes, drop caps, column layout, print-inspired. Best for News sites, blogs, magazines, editorial content, long-form articles, journalism, publishing.
UI/UX Pro Max
Dimensional Layering
StyleDepth, overlapping, z-index, layers, 3D, shadows, elevation, floating, cards, spatial hierarchy. Best for Dashboards, card layouts, modals, navigation, product showcases, SaaS interfaces.
UI/UX Pro Max
HUD / Sci-Fi FUI
StyleFuturistic, technical, wireframe, neon, data, transparency, iron man, sci-fi, interface. Best for Sci-fi games, space tech, cybersecurity, movie props, immersive dashboards.
UI/UX Pro Max
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
Minimalist Flat
StyleUltra-minimal flat design with no shadows or gradients, creating hierarchy through color and whitespace. Ideal for portfolios, creative agencies, and art websites.
Full style reference · 7k charsStyleKit
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
Full Page Scroll
StyleImmersive scrolling experience where each screen fills the entire viewport, switching complete scenes on scroll. Ideal for brand stories, product introductions, and portfolio showcases.
StyleKit
Mobile Editorial
StyleA mobile editorial style that compresses magazine rhythm into a phone screen with serif headlines, warm paper surfaces, and modular content cards.
StyleKit
Neon Gradient
StyleVivid gradient cards on dark backgrounds with thick colored borders and neon glow effects. Ideal for tech products, SaaS landing pages, and youth-oriented brands.
StyleKit
Minimalism & Swiss Style
StyleClean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. Best for Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools.
UI/UX Pro Max
Glassmorphism
StyleFrosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. Best for Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation.
UI/UX Pro Max
Flat Design
Style2D, minimalist, bold colors, no shadows, clean lines, simple shapes, typography-focused, modern, icon-heavy. Best for Web apps, mobile apps, cross-platform, startup MVPs, user-friendly, SaaS, dashboards, corporate.
UI/UX Pro Max
Shopify Polaris
Styleshopify polaris, merchant admin, commerce, checkout, web components, app home. Best for Shopify admin apps, merchant tools, checkout, customer accounts, POS, and extensions.
UI/UX Pro Max
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
Card Stack
Style3D layout with overlapping cards, creating depth through Z-axis stacking and offsets. Ideal for carousels, step-by-step displays, and card deck selection.
StyleKit
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
Glitch Art
StyleAn avant-garde cyberpunk aesthetic that embraces digital errors, severe chromatic aberration, and jarring screen-tearing effects.
StyleKit
Fullscreen Hero
StyleA hero section layout with fullscreen images or video backgrounds that captures attention through stunning visuals, ideal for brand showcases, product launches, and event promotions.
StyleKit
Horizontal Gallery
StyleA white-cube, curator-style portfolio layout. Borderless large images line up along a horizontal snap-scroll rail; whitespace acts as the gallery wall, numbered hairline captions echo museum labels, and viewing becomes…
StyleKit
Linear Style
StyleStyleKit
Parallax Sections
StyleAn immersive layout creating depth parallax effects through fixed backgrounds and scrolling content, with each full-screen section having its own background layer. Ideal for brand stories, product showcases, and immersi…
StyleKit
Stripe Style
StyleA refined and professional fintech style featuring Stripe purple as the primary color, complemented by gradient grid backgrounds, elegant card shadows, and smooth animations, ideal for payment products and developer too…
StyleKit
Spatial UI (VisionOS)
StyleGlass, depth, immersion, spatial, translucent, gaze, gesture, apple, vision-pro. Best for Spatial computing apps, VR/AR interfaces, immersive media, futuristic dashboards.
UI/UX Pro Max
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
Generative Art
StyleAlgorithm-driven procedural visual aesthetics using mathematical functions, noise textures, and parametric graphics to create unique dynamic interfaces. Ideal for creative coding, data visualization, and art projects.
StyleKit
Particle System
StyleA floating particle network on deep dark tech backgrounds, using connection lines, pulses, and trails to create a sense of data flow. Ideal for tech companies, data visualization, and creative portfolios.
StyleKit
Claymorphism
StyleSoft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), double shadows, rounded (16-24px). Best for Educational apps, children's apps, SaaS platforms, creative tools, fun-focused, onboarding, casual games.
UI/UX Pro Max
Aurora UI
StyleVibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Best for Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections.
UI/UX Pro Max
Soft UI Evolution
StyleEvolved soft UI, better contrast, modern aesthetics, subtle depth, accessibility-focused, improved shadows, hybrid. Best for Modern enterprise apps, SaaS platforms, health/wellness, modern business tools, professional,…
UI/UX Pro Max
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.