Prompt & style library

Vibrant 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

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

Plus Jakarta Sans

tweakcn

This interpretation is drawn from Hudson Valley Lighting Group's (HVLG) shared

GT Super

Awesome DESIGN.md — e-commerce

A component with animated light rays which shine down from above.

Magic UI

A customizable glow effect with animation modes, colors, blur-sm, and transitions.

Motion-Primitives

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

Rainbow spectrum iridescent gradient aesthetics simulating holographic prismatic refraction and dynamic light effects for an otherworldly iridescent experience.

StyleKit

Inspired by Impressionist masters like Monet and Renoir, featuring bold brushstroke textures, dappled light effects, pointillist colors, and warm canvas textures for a rich, oil-painting visual experience.

StyleKit

Vibrant modern gradient style with colorful gradient backgrounds, glass-textured cards, and dynamic lighting effects. Ideal for startups, digital products, and event pages.

StyleKit

80-90s arcade monitor aesthetics featuring scanlines, screen curvature, neon glow, and RGB chromatic aberration effects. Ideal for gaming, retro tech, and creative projects.

StyleKit

A soft clay-textured design that creates adorable 3D effects through extra-large border radii, combined inner and outer shadows, and gentle gradients, ideal for children's apps and playful products.

StyleKit

Microsoft's design system integrating five key elements -- light, depth, motion, material, and scale -- to create natural and intuitive cross-platform experiences.

StyleKit

An avant-garde cyberpunk aesthetic that embraces digital errors, severe chromatic aberration, and jarring screen-tearing effects.

StyleKit

Paper craft and paper-cut style with layered paper effects, soft shadows suggesting depth, and handmade textured edges. Ideal for children's brands, educational products, and creative studios.

StyleKit

An 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

The distinctive aesthetics of Risograph printing -- 2-3 color overprint effects, halftone dots, registration misalignment, and limited palette, presenting a unique print texture and handmade batch feel.

StyleKit

The distinctive romantic aesthetics of shoujo manga, featuring screentone texture backgrounds, flower frame decorations, ribbon banner titles, multi-point sparkle effects, lace borders, and heart elements, presented in…

StyleKit

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

StyleKit

80-90s VHS tape visual aesthetics with color distortion, scanline noise, and signal glitch effects. Ideal for nostalgia, retro tech, and creative video projects.

StyleKit

Soft UI, embossed, debossed, convex, concave, light source, subtle depth, rounded (12-16px), monochromatic. Best for Health/wellness apps, meditation platforms, fitness trackers, minimal interaction UIs.

UI/UX Pro Max

Frosted 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

Dark theme, low light, high contrast, deep black, midnight blue, eye-friendly, OLED, night mode, power efficient. Best for Night-mode apps, coding platforms, entertainment, eye-strain prevention, OLED devices, low-light.

UI/UX Pro Max

Animation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. Best for Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative,…

UI/UX Pro Max

Motion text, animated type, moving letters, dynamic, typing effect, morphing, scroll-triggered text. Best for Hero sections, marketing sites, video platforms, storytelling, creative portfolios, landing pages.

UI/UX Pro Max

Custom cursor, cursor as tool, hover effects, cursor feedback, pointer transformation, cursor trail, magnetic cursor. Best for Creative portfolios, interactive experiences, agency sites, product showcases, gaming, enter…

UI/UX Pro Max

Film grain, VHS, cassette tape, polaroid, analog warmth, faded colors, light leaks, vintage photography. Best for Photography portfolios, music/vinyl brands, vintage fashion, nostalgia marketing, film industry, cafes.

UI/UX Pro Max

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

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

Soft concave and convex 3D effects using dual shadows to simulate light sources. Light backgrounds with same-tone elements create a refined sense of depth.

StyleKit

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…

StyleKit

Street graffiti art style with spray-paint textures, bold clashing colors, hand-lettered tags, and brick-wall backgrounds. A visual expression of urban culture and rebellious spirit.

StyleKit

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 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 light glare effect which pans across text making it appear as if it is shimmering.

Magic UI

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

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

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…

StyleKit

80s-90s retro-futuristic aesthetics with pink-purple gradients, neon colors, and glitch art effects. Includes Vaporwave, Synthwave, and Cyberpunk variants.

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

BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries ever…

BMW Type Next Latin

Awesome DESIGN.md

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…

Linear Display

Awesome DESIGN.md

Robot vacuum silhouettes float in LiDAR-cold studio light above near-black fields (#161616, #313131) — the product is the hero, and Roborock's digital canvas is engineered to serve it. Primary interactive voltage runs t…

proxima-nova

Awesome DESIGN.md — e-commerce

Aqara's homepage evidence shows a light, high-contrast interface built on white canvas

Awesome DESIGN.md — e-commerce

Pfister's public site presents a clean, utilitarian home-improvement retail interface built on a light neutral canvas (#ffffff, #f4f5f5, #fcfbfb) with dark charcoal body copy (#3d3d3c) and near-black icon accents (#2222…

Awesome DESIGN.md — e-commerce

Banks Power's site evidence shows a utilitarian, high-contrast industrial palette built around a near-black body ink (#2c2d2e) on white and light-grey (#f5f5f5) canvases, with a saturated red (#c50008, reinforced by #c6…

Roboto

Awesome DESIGN.md — e-commerce

Pimax's marketing site runs on a light paper canvas (#f2f2f2) with near-black

Awesome DESIGN.md — e-commerce

Fusing 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

A futuristic cyberpunk style with neon glow effects, dark backgrounds, and high-tech UI elements. Ideal for games, tech products, and creative studios.

StyleKit

A dramatic visual style drawn from classic 1940-50s film noir. Extreme light-dark contrast, deep grayscale layers, diagonal shadows, and a mysterious atmosphere, suited for story-driven products, photography portfolios,…

StyleKit

Pinterest-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

Vivid 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

A collision of traditional Japanese samurai aesthetics with neon cyberpunk, weaving katana slash lines, vermillion torii gate frames, calligraphy brushstrokes, and dual-color neon glow effects -- ukiyo-e meets neon ligh…

StyleKit

A minimalist and clean document tool style emphasizing content readability and functionality, using subtle borders, gentle hover effects, and clear typographic hierarchy.

StyleKit

Authentic watercolor aesthetics with organic bleeding edges, pigment pooling effects, paper texture overlays, and botanical watercolor accents, creating a natural and organic visual experience reminiscent of hand-painte…

StyleKit

A design style inspired by watercolor painting, featuring soft color gradients, blurred edge effects, paper texture backgrounds, and flowing color diffusion, conveying artistry and poetry.

StyleKit

Occult aesthetic style with tarot cards, moon phase symbols, crystals, and herbal elements. Deep purple tones paired with golden mystical runes and shimmering stardust effects on dark backgrounds.

StyleKit

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