🎨 Style Catalog

84 styles — mini previews

84 styles
HELVETICA
#1
Minimalism & Swiss Style
General
Clean, simple, spacious, functional, white space, high contrast, geome
→ Enterprise apps, dashboards, documentation sites, SaaS platforms, prof
⚡☀️🌙
#2
Neumorphism
General
Soft UI, embossed, debossed, convex, concave, light source, subtle dep
→ Health/wellness apps, meditation platforms, fitness trackers, minimal
⚠️☀️
Frosted Glass
#3
Glassmorphism
General
Frosted glass, transparent, blurred background, layered, vibrant backg
→ Modern SaaS, financial dashboards, high-end corporate, lifestyle apps,
⚠️☀️🌙
BRUTAL
#4
Brutalism
General
Raw, unpolished, stark, high contrast, plain text, default fonts, visi
→ Design portfolios, artistic projects, counter-culture brands, editoria
⚡☀️🌙
#5
3D & Hyperrealism
General
Depth, realistic textures, 3D models, spatial navigation, tactile, ske
→ Gaming, product showcase, immersive experiences, high-end e-commerce,
❌
#6
Vibrant & Block-based
General
Bold, energetic, playful, block layout, geometric shapes, high color c
→ Startups, creative agencies, gaming, social media, youth-focused, ente
⚠️☀️🌙
DARK MODE
#7
Dark Mode (OLED)
General
Dark theme, low light, high contrast, deep black, midnight blue, eye-f
→ Night-mode apps, coding platforms, entertainment, eye-strain preventio
⚡🌙
Aa
WCAG AAA
#8
Accessible & Ethical
General
High contrast, large text (16px+), keyboard navigation, screen reader
→ Government, healthcare, education, inclusive products, large audience,
⚡☀️🌙
#9
Claymorphism
General
Soft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), dou
→ Educational apps, children's apps, SaaS platforms, creative tools, fun
⚠️☀️
✦ Aurora ✦
#10
Aurora UI
General
Vibrant gradients, smooth blend, Northern Lights effect, mesh gradient
→ Modern SaaS, creative agencies, branding, music platforms, lifestyle,
⚠️☀️🌙
RETRO//FUTURE
#11
Retro-Futurism
General
Vintage sci-fi, 80s aesthetic, neon glow, geometric patterns, CRT scan
→ Gaming, entertainment, music platforms, tech brands, artistic projects
⚠️☀️🌙
#12
Flat Design
General
2D, minimalist, bold colors, no shadows, clean lines, simple shapes, t
→ Web apps, mobile apps, cross-platform, startup MVPs, user-friendly, Sa
⚡☀️🌙
Leather
#13
Skeuomorphism
General
Realistic, texture, depth, 3D appearance, real-world metaphors, shadow
→ Legacy apps, gaming, immersive storytelling, premium products, luxury,
❌
Liquid Glass
#14
Liquid Glass
General
Flowing glass, morphing, smooth transitions, fluid effects, translucen
→ Premium SaaS, high-end e-commerce, creative platforms, branding experi
⚠️☀️🌙
Scroll ↓
motion driven
#15
Motion-Driven
General
Animation-heavy, microinteractions, smooth transitions, scroll effects
→ Portfolio sites, storytelling platforms, interactive experiences, ente
⚠️☀️🌙
#16
Micro-interactions
General
Small animations, gesture-based, tactile feedback, subtle animations,
→ Mobile apps, touchscreen UIs, productivity tools, user-friendly, consu
⚡☀️🌙
Inclusive ♿
#17
Inclusive Design
General
Accessible, color-blind friendly, high contrast, haptic feedback, voic
→ Public services, education, healthcare, finance, government, accessibl
⚡☀️🌙
Hey AI, help me_|
#18
Zero Interface
General
Minimal visible UI, voice-first, gesture-based, AI-driven, invisible c
→ Voice assistants, AI platforms, future-forward UX, smart home, context
⚡☀️🌙
Soft & Clean
#19
Soft UI Evolution
General
Evolved soft UI, better contrast, modern aesthetics, subtle depth, acc
→ Modern enterprise apps, SaaS platforms, health/wellness, modern busine
⚡☀️🌙
HERO
CTA
#20
Hero-Centric Design
Landing Page
Large hero section, compelling headline, high-contrast CTA, product sh
→ SaaS landing pages, product launches, service landing pages, B2B platf
⚠️☀️🌙
Convert Now
#21
Conversion-Optimized
Landing Page
Form-focused, minimalist design, single CTA focus, high contrast, urge
→ E-commerce product pages, free trial signups, lead generation, SaaS pr
⚡☀️🌙
#22
Feature-Rich Showcase
Landing Page
Multiple feature sections, grid layout, benefit cards, visual feature
→ Enterprise SaaS, software tools landing pages, platform services, comp
⚠️☀️🌙
MINIMAL
#23
Minimal & Direct
Landing Page
Minimal text, white space heavy, single column layout, direct messagin
→ Simple service landing pages, indie products, consulting services, mic
⚡☀️🌙
★★★★★
4.9/5
#24
Social Proof-Focused
Landing Page
Testimonials prominent, client logos displayed, case studies sections,
→ B2B SaaS, professional services, premium products, e-commerce conversi
⚠️☀️🌙
Try Demo →
#25
Interactive Product Demo
Landing Page
Embedded product mockup/video, interactive elements, product walkthrou
→ SaaS platforms, tool/software products, productivity apps landing page
⚠️☀️🌙
Certified ✓
ISO 27001
#26
Trust & Authority
Landing Page
Certificates/badges displayed, expert credentials, case studies with m
→ Healthcare/medical landing pages, financial services, enterprise softw
⚡☀️🌙
Once upon a time...
#27
Storytelling-Driven
Landing Page
Narrative flow, visual story progression, section transitions, consist
→ Brand/startup stories, mission-driven products, premium/lifestyle bran
⚠️☀️🌙
#28
Data-Dense Dashboard
BI/Analytics
Multiple charts/widgets, data tables, KPI cards, minimal padding, grid
→ Business intelligence dashboards, financial analytics, enterprise repo
⚡☀️🌙
🔥 Hot Map
#29
Heat Map & Heatmap Style
BI/Analytics
Color-coded grid/matrix, data intensity visualization, geographical he
→ Geographical analysis, performance matrices, correlation analysis, use
⚡☀️🌙
$42.5K
↑ 12%
#30
Executive Dashboard
BI/Analytics
High-level KPIs, large key metrics, minimal detail, summary view, tren
→ C-suite dashboards, business summary reports, decision-maker dashboard
⚡☀️🌙
LIVE • 99.9%
#31
Real-Time Monitoring
BI/Analytics
Live data updates, status indicators, alert notifications, streaming d
→ System monitoring dashboards, DevOps dashboards, real-time analytics,
⚠️☀️🌙
Level 1 → 2 → 3
#32
Drill-Down Analytics
BI/Analytics
Hierarchical data exploration, expandable sections, interactive drill-
→ Sales analytics, product analytics, funnel analysis, multi-dimensional
⚠️☀️🌙
A
vs
B
#33
Comparative Analysis Dashboard
BI/Analytics
Side-by-side comparisons, period-over-period metrics, A/B test results
→ Period-over-period reporting, A/B test dashboards, market comparison,
⚡☀️🌙
📈 Forecast
±15% confidence
#34
Predictive Analytics
BI/Analytics
Forecast lines, confidence intervals, trend projections, scenario mode
→ Forecasting dashboards, anomaly detection systems, trend prediction da
⚠️☀️🌙
65%
#35
User Behavior Analytics
BI/Analytics
Funnel visualization, user flow diagrams, conversion tracking, engagem
→ Conversion funnel analysis, user journey tracking, engagement analytic
⚠️☀️🌙
$1.2M
Revenue
Q1 2026
#36
Financial Dashboard
BI/Analytics
Revenue metrics, profit/loss visualization, budget tracking, financial
→ Financial reporting, accounting dashboards, portfolio tracking, budget
⚡☀️🌙
#37
Sales Intelligence Dashboard
BI/Analytics
Deal pipeline, sales metrics, territory performance, sales rep leaderb
→ CRM dashboards, sales management, opportunity tracking, performance ma
⚠️☀️🌙
NEU BRUTAL
#38
Neubrutalism
General
Bold borders, black outlines, primary colors, thick shadows, no gradie
→ Gen Z brands, startups, creative agencies, Figma-style apps, Notion-st
⚡☀️🌙
#39
Bento Box Grid
General
Modular cards, asymmetric grid, varied sizes, Apple-style, dashboard t
→ Dashboards, product pages, portfolios, Apple-style marketing, feature
⚡☀️🌙
~ Y2K vibes ~
#40
Y2K Aesthetic
General
Neon pink, chrome, metallic, bubblegum, iridescent, glossy, retro-futu
→ Fashion brands, music platforms, Gen Z brands, nostalgia marketing, en
⚠️☀️
CYBER//PUNK
#41
Cyberpunk UI
General
Neon, dark mode, terminal, HUD, sci-fi, glitch, dystopian, futuristic,
→ Gaming platforms, tech products, crypto apps, sci-fi applications, dev
⚠️🌙
🌿 Organic
#42
Organic Biophilic
General
Nature, organic shapes, green, sustainable, rounded, flowing, wellness
→ Wellness apps, sustainability brands, eco products, health apps, medit
⚡☀️🌙
How can I help?|
#43
AI-Native UI
General
Chatbot, conversational, voice, assistant, agentic, ambient, minimal c
→ AI products, chatbots, voice assistants, copilots, AI-powered tools, c
⚡☀️🌙
MEMPHIS
#44
Memphis Design
General
80s, geometric, playful, postmodern, shapes, patterns, squiggles, tria
→ Creative agencies, music sites, youth brands, event promotion, artisti
⚡☀️🌙
V A P O R
#45
Vaporwave
General
Synthwave, retro-futuristic, 80s-90s, neon, glitch, nostalgic, sunset
→ Music platforms, gaming, creative portfolios, tech startups, entertain
⚠️☀️🌙
#46
Dimensional Layering
General
Depth, overlapping, z-index, layers, 3D, shadows, elevation, floating,
→ Dashboards, card layouts, modals, navigation, product showcases, SaaS
⚠️☀️🌙
BIG.
#47
Exaggerated Minimalism
General
Bold minimalism, oversized typography, high contrast, negative space,
→ Fashion, architecture, portfolios, agency landing pages, luxury brands
⚡☀️🌙
KINETIC
#48
Kinetic Typography
General
Motion text, animated type, moving letters, dynamic, typing effect, mo
→ Hero sections, marketing sites, video platforms, storytelling, creativ
⚠️☀️🌙
Chapter 1
The Story
#49
Parallax Storytelling
General
Scroll-driven, narrative, layered scrolling, immersive, progressive di
→ Brand storytelling, product launches, case studies, portfolios, annual
❌☀️🌙
A
B
C
#50
Swiss Modernism 2.0
General
Grid system, Helvetica, modular, asymmetric, international style, rati
→ Corporate sites, architecture, editorial, SaaS, museums, professional
⚡☀️🌙
[ HUD ACTIVE ]
#51
HUD / Sci-Fi FUI
General
Futuristic, technical, wireframe, neon, data, transparency, iron man,
→ Sci-fi games, space tech, cybersecurity, movie props, immersive dashbo
⚠️☀️🌙
#52
Pixel Art
General
Retro, 8-bit, 16-bit, gaming, blocky, nostalgic, pixelated, arcade
→ Indie games, retro tools, creative portfolios, nostalgia marketing, We
⚡☀️🌙
#53
Bento Grids
General
Apple-style, modular, cards, organized, clean, hierarchy, grid, rounde
→ Product features, dashboards, personal sites, marketing summaries, gal
⚡☀️🌙
Spatial UI
#55
Spatial UI (VisionOS)
General
Glass, depth, immersion, spatial, translucent, gaze, gesture, apple, v
→ Spatial computing apps, VR/AR interfaces, immersive media, futuristic
⚠️☀️🌙
e-ink
Lorem ipsum
dolor sit
#56
E-Ink / Paper
General
Paper-like, matte, high contrast, texture, reading, calm, slow tech, m
→ Reading apps, digital newspapers, minimal journals, distraction-free w
⚡☀️
CHAOS ✿
#57
Gen Z Chaos / Maximalism
General
Chaos, clutter, stickers, raw, collage, mixed media, loud, internet cu
→ Gen Z lifestyle brands, music artists, creative portfolios, viral mark
❌☀️🌙
Bio
Mimic
#58
Biomimetic / Organic 2.0
General
Nature-inspired, cellular, fluid, breathing, generative, algorithms, l
→ Sustainability tech, biotech, advanced health, meditation, generative
⚠️☀️🌙
hand drawn ✏️
#59
Anti-Polish / Raw Aesthetic
General
Hand-drawn, collage, scanned textures, unfinished, imperfect, authenti
→ Creative portfolios, artist sites, indie brands, handmade products, au
⚡☀️🌙
#60
Tactile Digital / Deformable UI
General
Jelly buttons, chrome, clay, squishy, deformable, bouncy, physical, ta
→ Modern mobile apps, playful brands, entertainment, gaming UI, consumer
⚠️☀️🌙
EARTH TONE
#61
Nature Distilled
General
Muted earthy, skin tones, wood, soil, sand, terracotta, warmth, organi
→ Wellness brands, sustainable products, artisan goods, organic food, sp
⚡☀️
hover ↗
#62
Interactive Cursor Design
General
Custom cursor, cursor as tool, hover effects, cursor feedback, pointer
→ Creative portfolios, interactive experiences, agency sites, product sh
⚠️☀️🌙
#63
Voice-First Multimodal
General
Voice UI, multimodal, audio feedback, conversational, hands-free, ambi
→ Voice assistants, accessibility apps, hands-free tools, smart home, au
⚡☀️🌙
360°
View
#64
3D Product Preview
General
360 product view, rotatable, zoomable, touch-to-spin, AR preview, prod
→ E-commerce, furniture, fashion, automotive, electronics, jewelry, prod
❌
Mesh Gradient
#65
Gradient Mesh / Aurora Evolved
General
Complex gradients, mesh gradients, multi-color blend, aurora effect, f
→ Hero sections, backgrounds, creative brands, music platforms, fashion,
⚠️☀️🌙
Editorial
Magazine Layout
#66
Editorial Grid / Magazine
General
Magazine layout, asymmetric grid, editorial typography, pull quotes, d
→ News sites, blogs, magazines, editorial content, long-form articles, j
⚡☀️🌙
RGB SPLIT
#67
Chromatic Aberration / RGB Split
General
RGB split, color fringing, glitch, retro tech, VHS, analog error, dist
→ Music platforms, gaming, tech brands, creative portfolios, nightlife,
⚠️☀️🌙
Vintage Film 🎞
#68
Vintage Analog / Retro Film
General
Film grain, VHS, cassette tape, polaroid, analog warmth, faded colors,
→ Photography portfolios, music/vinyl brands, vintage fashion, nostalgia
⚠️☀️
#69
Bauhaus (包豪斯)
Mobile
bauhaus, geometric, constructivist, primary colors, hard shadow, bold,
→ Mobile-first apps needing high personality, onboarding flows, branding
⚡☀️
MONO
#70
Minimalist Monochrome
Mobile
monochrome, black white, editorial, austere, typographic, sharp, zero
→ Luxury fashion e-commerce mobile, editorial publications, high-end por
⚡☀️
Cinema Dark
#71
Modern Dark (Cinema Mobile)
Mobile
dark mode, cinematic, ambient light, glassmorphism, deep black, indigo
→ Developer tools, pro productivity apps, fintech/trading dashboards, me
⚠️☀️🌙
SaaS Pro
#72
SaaS Mobile (High-Tech Boutique)
Mobile
saas, electric blue, gradient, fintech, spring animation, dual font, g
→ B2B SaaS mobile dashboards, fintech apps, developer tool mobile compan
⚡☀️
$ npm run dev_
#73
Terminal CLI (Mobile)
Mobile
terminal, cli, matrix green, monospace, hacker, ascii, command line, d
→ Developer tools, Web3/blockchain apps, geek-culture apps, ARG games, s
⚡🌙
KINETIC!
#74
Kinetic Brutalism (Mobile)
Mobile
kinetic, brutalism, motion, marquee, acid yellow, uppercase, oversized
→ Immersive storytelling apps, brand flagship mobile, music/culture plat
⚡☀️
#75
Flat Design Mobile (Touch-First)
Mobile
flat, 2D, no shadow, color blocking, geometric, bold, poster, icon, to
→ Cross-platform apps (iOS+Android parity), information-dense dashboards
⚡☀️
Material You
#76
Material You (MD3 Mobile)
Mobile
material design 3, md3, tonal surfaces, pills, soft curves, android, m
→ Android ecosystem apps, cross-platform productivity tools, MD3-based a
⚠️☀️🌙
POP ART!
#77
Neo Brutalism (Mobile)
Mobile
neo brutalism, pop art, stickers, thick borders, cream background, hot
→ Creative tools, collab platforms, Gen Z marketing & e-commerce, portfo
⚠️☀️
Aa
Bold
Type
#78
Bold Typography (Mobile Poster)
Mobile
bold typography, editorial, poster, broadsheet, vermillion, negative s
→ Creative brand heroes, reading-focused apps, event/exhibition pages, e
⚡☀️
📚 Academia
#79
Academia (Scholarly Mobile)
Mobile
academia, library, mahogany, parchment, brass, crimson, serif, drop ca
→ Knowledge management apps, deep reading tools, ritual-heavy personal b
⚠️☀️
[CYBER HUD]
#80
Cyberpunk Mobile HUD
Mobile
cyberpunk, neon, glitch, chamfered, orbitron, jetbrains, scanlines, cr
→ Gaming dashboards, crypto/cyberpunk apps, sci-fi companion tools, hack
⚠️🌙
₿
DeFi
+4.2%
#81
Bitcoin DeFi (Mobile)
Mobile
web3, bitcoin, defi, digital gold, fintech, wallet, orange, glassmorph
→ DeFi dashboards, wallets, NFT marketplaces, Web3 social, metaverse uti
⚠️🌙
#82
Claymorphism (Mobile)
Mobile
claymorphism, clay, 3d, soft, bubbly, candy, playful, rounded, squish,
→ Children education apps, teen social products, crypto gamification, cr
⚠️☀️
Enterprise SaaS
#83
Enterprise SaaS (Mobile)
Mobile
enterprise, saas, b2b, professional, indigo, violet, gradient, polishe
→ B2B backend management, productivity tools, government and finance mob
⚡☀️🌙
sketch ✏
#84
Sketch Hand-Drawn (Mobile)
Mobile
sketch, hand-drawn, handwriting, wobbly, imperfect, paper, kalam, orga
→ Low-fidelity prototyping, creative brands, children/picturebook apps,
⚡☀️
#85
Neumorphism (Mobile)
Mobile
neumorphism, soft ui, dual shadow, extruded, inset, clay surface, mono
→ Minimal hardware controls, smart home apps, aesthetic utility tools, h
⚡☀️