Prompt & style library

Premium frosted glass with a nocturne temperament. Deep ink scenes and restrained light wells; the glass borrows light instead of carrying color — gaussian blur, saturation boost, lit top edges and film grain make glass…

StyleKit

Elegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.

StyleKit

shadcn/ui theme — light and dark tokens, Geist Mono.

Geist Mono

tweakcn

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…

StyleKit

Apple's revolutionary design language from WWDC 2025, creating an organic, fluid visual experience beyond traditional frosted glass through SVG refraction filters, rainbow edge halos, fluid morphing animations, and mult…

StyleKit

This design system centers on a high-fidelity Glassmorphism aesthetic designed to evoke a sense of clarity, depth, and modern sophistication. The brand personality is ethereal yet functional, transforming complex meteor…

Inter

design.md (Google Labs)

dynamic material, optical glass, translucency, lensing, refraction, fluid morphing, system navigation. Best for Apple-platform navigation, controls, and system-aligned app chrome.

UI/UX Pro Max

Animated theme toggle using the View Transitions API with configurable clip-path shapes and origin.

Magic UI

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

shadcn/ui theme — light and dark tokens, Open Sans.

Open Sans

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Geist.

Geist

tweakcn

shadcn/ui theme — light and dark tokens, Architects Daughter.

Architects Daughter

tweakcn

shadcn/ui theme — light and dark tokens, "Oxanium".

"Oxanium"

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Courier New.

Courier New

tweakcn

shadcn/ui theme — light and dark tokens, Merriweather.

Merriweather

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Roboto.

Roboto

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Oxanium.

Oxanium

tweakcn

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, Open Sans.

Open Sans

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Libre Baskerville

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Libre Baskerville

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

shadcn/ui theme — light and dark tokens, Geist.

Geist

tweakcn

shadcn/ui theme — light and dark tokens, Geist Mono.

Geist Mono

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Antic.

Antic

tweakcn

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

Kemper's public site renders as a dark-themed interface: the observed

Lato

Awesome DESIGN.md — e-commerce

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…

StyleKit

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

StyleKit

A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll…

Haas Groot Disp

Awesome DESIGN.md

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

SF Pro Display

Awesome DESIGN.md

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model sho…

Copernicus

Awesome DESIGN.md

A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot…

Plain Black

Awesome DESIGN.md

A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards…

abcDiatype

Awesome DESIGN.md

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`…

CursorGothic

Awesome DESIGN.md

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

GT Walsheim Framer Medium

Awesome DESIGN.md