Prompt & style library

A 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

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

Space Grotesk

UI/UX Pro Max

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…

StyleKit

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 motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE. The brand carries no decorative voltage — its energy comes from full-bleed auto…

BMWTypeNextLatin

Awesome DESIGN.md

An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces —…

Bugatti Display

Awesome DESIGN.md

A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12…

Cal Sans

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 luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is **near-black** (`#181818`) holding pure white display type; white-canvas bands appear only inside specific editorial con…

FerrariSans

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

An inspired interpretation of Supabaze's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, an…

Circular

Awesome DESIGN.md

The Verge's 2024 redesign feels like somebody wired a Condé Nast magazine to a chiptune soundboard. The canvas is almost-black (`#131313`), the headlines are built from a brutally heavy display face (Manuka) that runs u…

Awesome DESIGN.md

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

UberMove

Awesome DESIGN.md

An inspired interpretation of Vodafone's design language — a telecom super-brand whose web surface alternates between editorial photography hero bands with massive uppercase display headlines and clean white content ban…

Vodafone

Awesome DESIGN.md

An inspired interpretation of Wired's design language — a flagship technology-magazine brand whose surface is a strict editorial duet of stark black wordmark on white canvas, anchored by a tall narrow custom display ser…

WiredDisplay

Awesome DESIGN.md

An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage…

Wise Sans

Awesome DESIGN.md

Every product page at Blueland opens with a color-coded argument — lemon yellow (#fffcbb) for citrus, pale mint (#c8faa1) for eucalyptus, soft lavender (#fce5ff) for fresh linen — a candy-counter display that reframes c…

GT-Pressura

Awesome DESIGN.md — e-commerce

3D layout with overlapping cards, creating depth through Z-axis stacking and offsets. Ideal for carousels, step-by-step displays, and card deck selection.

StyleKit

Vertical timeline layout connecting time nodes through a connecting line. Ideal for displaying historical progress, project milestones, work experience, and process steps.

StyleKit

A 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

Playfair Display + Inter — elegant, luxury, sophisticated, timeless, premium, editorial

Playfair Display / Inter

UI/UX Pro Max

Fredoka + Nunito — playful, friendly, fun, creative, warm, approachable

Fredoka / Nunito

UI/UX Pro Max

Bebas Neue + Source Sans 3 — bold, impactful, strong, dramatic, modern, headlines

Bebas Neue / Source Sans 3

UI/UX Pro Max

Abril Fatface + Merriweather — retro, vintage, nostalgic, dramatic, decorative, bold

Abril Fatface / Merriweather

UI/UX Pro Max

Playfair Display SC + Karla — restaurant, menu, culinary, elegant, foodie, hospitality

Playfair Display SC / Karla

UI/UX Pro Max

Poiret One + Didact Gothic — art deco, vintage, 1920s, elegant, decorative, gatsby

Poiret One / Didact Gothic

UI/UX Pro Max

Russo One + Chakra Petch — gaming, bold, action, esports, competitive, energetic

Russo One / Chakra Petch

UI/UX Pro Max

Amatic SC + Cabin — indie, craft, handmade, artisan, organic, creative

Amatic SC / Cabin

UI/UX Pro Max

Righteous + Poppins — music, entertainment, fun, energetic, bold, performance

Righteous / Poppins

UI/UX Pro Max

Baloo 2 + Comic Neue — kids, education, playful, friendly, colorful, learning

Baloo 2 / Comic Neue

UI/UX Pro Max

Press Start 2P + VT323 — pixel, retro, gaming, 8-bit, nostalgic, arcade

Press Start 2P / VT323

UI/UX Pro Max

Lexend Mega + Public Sans — bold, neubrutalist, loud, strong, geometric, quirky

Lexend Mega / Public Sans

UI/UX Pro Max

Syncopate + Space Mono — kinetic, motion, futuristic, speed, wide, tech

Syncopate / Space Mono

UI/UX Pro Max

Anton + Epilogue — brutal, loud, shouty, meme, internet, bold

Anton / Epilogue

UI/UX Pro Max

Playfair Display + Source Serif 4 — monochrome, editorial, austere, typographic, pocket manifesto, luxury, high contrast, brutalist mobile

Playfair Display / Source Serif 4

UI/UX Pro Max

Calistoga + Inter — saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth

Calistoga / Inter

UI/UX Pro Max

Inter + Playfair Display — bold typography, editorial, poster, near-black, vermillion, luxury, type-as-hero, manifesto, high-contrast

Inter / Playfair Display

UI/UX Pro Max

Orbitron + JetBrains Mono — cyberpunk, neon, glitch, hud, sci-fi, dark, matrix green, magenta, chamfered, tactical

Orbitron / JetBrains Mono

UI/UX Pro Max

Nunito + DM Sans — claymorphism, clay, rounded, playful, candy, bubbly, soft, 3d, children, education, tactile, spring, nunito, dm sans

Nunito / DM Sans

UI/UX Pro Max

Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering…

prompts.chat

Act as a UI/UX Designer. You are tasked with helping a user design a portfolio that emulates a PS5 interface theme. Your task is to: 1. Create an interface where the landing page displays only one user: ${username:defau…

prompts.chat

Act as a Web Developer. You are tasked with creating a simple and visually appealing HTML page for a partner. Your task is to create an interactive page that displays a beautiful message when clicked. You will: - Use HT…

prompts.chat

Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.

Magic UI

An infinite scrolling component that can be used to display text, images, or videos.

Magic UI

A component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.

Magic UI

A component that displays a pointer when hovering over an element

Magic UI

A card that displays a tweet with the author's name, handle, and profile picture.

Magic UI

A versatile UI element that provides a flexible and customizable way to organize and display menu items within your application.

Motion-Primitives

Changes height based on content, expanding to display more tools and shrinking to save space. Keeps your screen organized and efficient.

Motion-Primitives