Prompt & style library

Google's design system based on the metaphor of paper and ink, emphasizing hierarchy, motion, bold colors, and responsive interactions -- the standard for modern mobile design.

StyleKit

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

Magic UI

An animated pulsating button useful for capturing attention of users.

Magic UI

An animated button with a rainbow effect.

Magic UI

An animated button with ripple useful for user engagement.

Magic UI

A button with a shimmering light which travels around the perimeter.

Magic UI

A shiny button component with dynamic styles in the dark mode or light mode.

Magic UI

A canvas-based pseudo-3D particle field with perspective projection, continuous rotation, buoyant drift and depth-aware rendering.

Magic UI

A 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

A 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

A 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

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

Jelly buttons, chrome, clay, squishy, deformable, bouncy, physical, tactile feedback, press response. Best for Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos.

UI/UX Pro Max

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

Russo One / Chakra Petch

UI/UX Pro Max

Barlow Condensed + Barlow — sports, fitness, athletic, energetic, condensed, action

Barlow Condensed / Barlow

UI/UX Pro Max

Doona's evidence shows a strict black-and-white foundation: body copy renders in pure black (#000) on a white canvas, with primary calls-to-action using the same black/white pairing (button_default and filledBlackHover…

century-gothic-std

Awesome DESIGN.md — e-commerce

A digital design style that simulates real-world objects through textures, lighting, and materials to mimic physical items, bringing familiarity and intuitive experiences.

StyleKit

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…

StyleKit

A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage that carries every primary CTA, search-button orb, and rating dot. Type runs Airbnb Cereal VF…

Airbnb Cereal VF

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

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

Euclid Circular A

Awesome DESIGN.md

Great Jones is a direct-to-consumer cookware brand that brings a sense of warmth, wit, and color to the kitchen. The brand's palette is anchored by a deep, earthy green (`#0e5540`) that appears on primary buttons, key n…

CooperBT

Awesome DESIGN.md — e-commerce

A clinical skincare brand that uses a stark white canvas and a single red accent — #e83f42 — as its only emotional release, applied to the cart icon, sale badges, and the "Add to Cart" button that sits like a stop sign…

Jost

Awesome DESIGN.md — e-commerce

Magic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…

Poppins

Awesome DESIGN.md — e-commerce

Cat Person's observed CSS shows a restrained, clinical-clean palette anchored by true black (#000000) and white (#ffffff), with a soft powder-blue family (#c7dbf0, #8fb7e1, #e3edf7) used specifically for call-to-action…

CooperLtBTWXX-Light

Awesome DESIGN.md — e-commerce

Artipoppe's public CSS evidence shows a restrained neutral system layered under a generic Bootstrap utility framework. Brand-specific rules are sparse but consistent: a dark charcoal (#32373c) fills solid buttons and fi…

Avenir Heavy

Awesome DESIGN.md — e-commerce

Amrapali's observed CSS shows a stark black-and-white foundation (#000000, #ffffff) overlaid with a single saturated red accent (#e11931) used consistently as a hover/interaction color on buttons and links. Supporting n…

Cormorant Garamond

Awesome DESIGN.md — e-commerce

Neon purple + rose action

UI/UX Pro Max

Teal focus + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Location green + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Compassion blue + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Premium dark + action red

UI/UX Pro Max

Excitement purple + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Cool mode effect for buttons, links, and other DOMs

Magic UI