风格设计库
精选网页设计风格,附带文档、组件模板、代码片段与可导出的 AI 规则。
按场景开始
模板页也已接入同一套场景筛选。
开源仓库会持续更新,但对外入口先聚焦已打磨完成的浏览与参考链路。
127+
种风格
快速跳转
新野兽派
Neo-Brutalist
视觉风格
49+
CSS 动画
35+
页面模板
开源项目
先从风格目录开始,按关键词、标签和布局方向筛选成熟方案。
直接查看可落地的页面模板,优先走已经打磨完成的参考路径。
每种风格都包含完整理念、建议与禁忌,帮助你快速掌握风格本质。
风格集合
大胆的黑色粗边框、硬边缘阴影、无圆角、高对比度配色。源于建筑野兽派,强调功能与原始美学。包含经典、柔和、俏皮三种变体。
优雅的杂志排版风格,衬线标题、无衬线正文、精致的留白和网格系统。灵感来自高端时尚杂志和报纸排版。
柔和的内凹外凸立体效果,通过双重阴影模拟光源,浅色背景配同色系元素,营造精致的立体感。
半透明毛玻璃效果,通过 backdrop-blur 模糊背景、柔和边框和微妙阴影,创造现代感十足的层叠界面。
灵感源于日式便当盒的不规则网格布局,通过大小不一的卡片组合创造视觉层次,常用于作品集和产品展示。
专业简洁的企业风格,强调可读性、一致性和信任感。适合B2B SaaS、企业官网、后台管理系统。
极致简约的扁平设计,无阴影无渐变,通过颜色和留白创造层次。适合作品集、创意机构、艺术网站。
温和友好的界面风格,柔和的阴影、圆润的边角、低饱和度的配色。适合消费类应用、社交产品、生活服务类 App。
使用流程
探索 120+ 种视觉风格,支持实时预览
获取设计 Token、Tailwind 预设或 AI 提示词
在任何框架的项目中直接使用
浏览精选风格、导出 Token,更快交付一致的界面。
适配工具