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.

Curated · 286Everything · 1009Showing the curated set: 286 entries with a live preview, chosen for detail and variety.
Full style references only 18

Immersive Photo

Style

Photography 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 chars

StyleKit

Text Animate

Animation

A text animation component that animates text using a variety of different animations.

Magic UI

Text Effect

Animation

Easily 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

Style

Medieval 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

Style

Bold 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

Style

Accessible, 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

Style

Realistic, 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 pairing

Space Grotesk + Space Grotesk — kinetic, brutalist, aggressive, uppercase, oversized, display, motion, street, bold, high-energy, zine

Space Grotesk

UI/UX Pro Max

Kinetic Typography

Style

Type 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 chars

StyleKit

Parallax Editorial

Style

Editorial 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 chars

StyleKit

Minisforum-inspired

Brand-inspired

Minisforum'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 chars

Inter

Awesome DESIGN.md — e-commerce

Cinematic Video Hero

Style

A 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 chars

StyleKit

Dark Gallery

Style

A 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 chars

StyleKit

Launch Keynote

Style

An 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 chars

StyleKit

Luxe Lookbook

Style

The 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 chars

StyleKit

Scrollytelling

Style

Scrolling 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 chars

StyleKit

Creative Studio

Style

A 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 chars

StyleKit

Warm Organic

Style

A 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 chars

StyleKit

Clickhouse-inspired

Brand-inspired

A 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 chars

Inter

Awesome DESIGN.md

Figma-inspired

Brand-inspired

A 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 chars

figmaSans

Awesome DESIGN.md

Linear-inspired

Brand-inspired

A 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 chars

Linear Display

Awesome DESIGN.md

Miro-inspired

Brand-inspired

Miro 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 chars

Roobert PRO

Awesome DESIGN.md

Mistral-inspired

Brand-inspired

Mistral 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 chars

PP Editorial Old

Awesome DESIGN.md

Nintendo 2001-inspired

Brand-inspired

An 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 chars

Arial

Awesome DESIGN.md

JM Bullion-inspired

Brand-inspired

JM 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 chars

Open Sans

Awesome DESIGN.md — e-commerce

Brutalist Web

Style

A 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

Style

Glass-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 prompt

Act 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

Animation

A 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.