HomeStylesTemplates
StyleKit
StylesRecipesGuidesAnimationsTemplates

Design Style Library

Make AI-Generated
Websites Look
Better

Curated web design styles with documentation, component templates, code snippets, and exportable AI rules.

StylesTemplatesGuide

Start by Scenario

SaaS / B2B27Dashboard14Portfolio19Blog16Marketing60Creative73

Templates now follow the same scenario filters.

Star

The repo keeps evolving, but public entry points now focus on the polished browse-and-reference flows.

  • 127+

    styles

Quick Jump

Core FeaturesPopular StylesStyle Catalog

新野兽派

Neo-Brutalist

1 / 8
Core FeaturesPopular StylesStyle Catalog

127+

Visual Styles

49+

CSS Animations

35+

Page Templates

Open Source

Core Features

Styles

Start in the style catalog and narrow by keywords, tags, and layout direction.

View Details

Templates

Open production-ready page templates instead of jumping into unfinished flows.

View Details

Design Docs

Every style includes a complete philosophy, dos and don'ts to help you quickly grasp the essence of each style.

View Details

Trending

Style Collection

Style Catalog

View All→

新野兽派

Neo-Brutalist

大胆的黑色粗边框、硬边缘阴影、无圆角、高对比度配色。源于建筑野兽派,强调功能与原始美学。包含经典、柔和、俏皮三种变体。

MarketingCreative

编辑杂志风

Editorial

优雅的杂志排版风格,衬线标题、无衬线正文、精致的留白和网格系统。灵感来自高端时尚杂志和报纸排版。

EditorialCreative

新拟物派

Neumorphism

柔和的内凹外凸立体效果,通过双重阴影模拟光源,浅色背景配同色系元素,营造精致的立体感。

SaaS / B2BMarketing

玻璃拟态

Glassmorphism

半透明毛玻璃效果,通过 backdrop-blur 模糊背景、柔和边框和微妙阴影,创造现代感十足的层叠界面。

SaaS / B2BMarketing

新野兽派

Neo-Brutalist

大胆的黑色粗边框、硬边缘阴影、无圆角、高对比度配色。源于建筑野兽派,强调功能与原始美学。包含经典、柔和、俏皮三种变体。

MarketingCreative

编辑杂志风

Editorial

优雅的杂志排版风格,衬线标题、无衬线正文、精致的留白和网格系统。灵感来自高端时尚杂志和报纸排版。

EditorialCreative

新拟物派

Neumorphism

柔和的内凹外凸立体效果,通过双重阴影模拟光源,浅色背景配同色系元素,营造精致的立体感。

SaaS / B2BMarketing

玻璃拟态

Glassmorphism

半透明毛玻璃效果,通过 backdrop-blur 模糊背景、柔和边框和微妙阴影,创造现代感十足的层叠界面。

SaaS / B2BMarketing

便当盒布局

Bento Grid

灵感源于日式便当盒的不规则网格布局,通过大小不一的卡片组合创造视觉层次,常用于作品集和产品展示。

PortfolioMarketing

企业简洁风

Corporate Clean

专业简洁的企业风格,强调可读性、一致性和信任感。适合B2B SaaS、企业官网、后台管理系统。

SaaS / B2BAdmin

极简扁平风

Minimalist Flat

极致简约的扁平设计,无阴影无渐变,通过颜色和留白创造层次。适合作品集、创意机构、艺术网站。

PortfolioE-Commerce

柔和界面风

Soft UI

温和友好的界面风格,柔和的阴影、圆润的边角、低饱和度的配色。适合消费类应用、社交产品、生活服务类 App。

SaaS / B2BMarketing

How It Works

From browsing to building in 3 steps

01

Browse Styles

Explore 120+ visual styles with live preview

02

Export Tokens

Get design tokens, Tailwind presets, or AI prompts

03

Build Consistent UI

Use directly in any framework project

127+

Styles

49+

Animations

35+

Templates

Keep browsing

Recipes

Browse full recipe combos on a dedicated page.

Support

Feedback, support options, and contact details in one place.

GitHub

Source code, updates, and open-source context.

Design Recipes

Ready-to-Use Style Combinations

Curated combinations of visual style + layout + animations, optimized for specific use cases.

View All Recipes

Modern SaaS Glass

Premium glass effects with bento grid layout. Perfect for AI/tech products.

liquid-glass+bento-grid

Stripe-Style Minimal

Clean, trustworthy design inspired by Stripe. Great for fintech and B2B.

stripe-style+hero-fullscreen

Linear-Style Docs

Modern, beautiful documentation that developers love.

linear-style+sidebar-fixed

Modern SaaS Glass

Premium glass effects with bento grid layout. Perfect for AI/tech products.

liquid-glassbento-grid+3
moderneleganthigh-conversion

Stripe-Style Minimal

Clean, trustworthy design inspired by Stripe. Great for fintech and B2B.

stripe-stylehero-fullscreen+2
minimalprofessionalhigh-conversion

Linear-Style Docs

Modern, beautiful documentation that developers love.

linear-stylesidebar-fixed+1
minimaldarkdeveloper-friendly

Dark Glass Dashboard

Sleek dark mode with glass panels. Modern analytics feel.

glassmorphismdashboard-layout+2
darkmodernelegant

Editorial Blog

Magazine-quality typography for long-form content.

editorialf-pattern-layout+1
elegantminimallight

Neo-Brutal SaaS

Bold, attention-grabbing design. Stands out in crowded markets.

neo-brutalistasymmetric-grid+2
boldplayfulmodern
View All 8 Recipes

Start building beautiful UI now

Browse curated styles, export tokens, and ship consistent interfaces faster.

Browse StylesView on GitHub

Built For

Tailwind CSS
shadcn/ui
Figma
VS Code
{ }Cursor
v0v0

StyleKit

A curated web design style library to help AI generate better-looking websites.

Navigation

StylesTemplatesCommunityGuideBlogChangelog

Resources

UI Design PromptsLanding Page PromptsDashboard PromptsTailwind UI PromptsDark Mode UI PromptsGitHub Repository

Stay Updated

By subscribing, you agree to our Privacy Policy and Terms.


Support Maintenance

If StyleKit helps your workflow, voluntary support helps cover servers, domains, and ongoing upkeep.

Scan to support / View all options

(c) 2026 StyleKit. Open source project.

AboutContactPrivacyTermsBuilt with the Editorial style
Stylekit前端样式库stylekit.top陕ICP备2025065501号-3