HomeStylesTemplates
StyleKit
StylesAnimationsTemplates
BlogChangelog

Design Style Gallery

Make AI-generated
websites more
beautiful

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

Each style includes detailed philosophy, dos and don'ts to help you understand its essence.

View Details

Trending

Style Collection

Style Catalog

View All→

新野兽派

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 previews

02

Export Tokens

Get design tokens, Tailwind presets, or AI prompts

03

Build Consistent UI

Use in your project with any framework

Start building beautiful UI today

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

Curated web design styles collection for more beautiful AI-generated websites.

Navigation

StylesTemplatesGuideBlogChangelog

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.


(c) 2026 StyleKit. Open Source.

AboutContactPrivacyTermsBuilt with Editorial style