首页风格模板
StyleKit
风格库模板

更新日志

更新日志

StyleKit 的最新动态、版本历史和发布说明。

v0.18.0

2026-08-02

Kit Builder 我的工具箱 — 跨类型收集风格、动效与字体,一键导出设计包

  • 新增风格、动效、字体配对卡片新增「+ Kit」收集按钮 — 边逛边把中意的素材收进工具箱
  • 新增工具箱工作台 /kit:按类型分组、每项可写备注;导航栏新增实时计数入口
  • 新增一键导出设计包 ZIP:多风格智能合成的单份 AI 提示词(主风格+点缀)、统一设计规范、每风格 Figma tokens 与 Tailwind 预设、动效代码、字体引入片段
  • 新增工作台可直接复制合成提示词,投喂 Cursor / v0 / Claude
  • 变更全局样式表瘦身 31%(每页 2.3MB→1.6MB),代码串工具类按路由分域加载 — 全站首屏更快

v0.17.0

2026-06-29

开发者工具 — npm 包、shadcn registry、MCP 与 CLI

  • 新增shadcn registry:一行命令安装任意风格的主题 — npx shadcn add https://www.stylekit.top/r/<style>.json
  • 新增stylekit-mcp:MCP 服务器,让 Claude、Cursor、Windsurf 直接搜索风格并获取 tokens、recipes 和安装命令
  • 新增stylekit-cli:在终端浏览和安装风格
  • 新增stylekit-core:npm SDK,程序化访问 130+ 风格、tokens 和 recipes
  • 新增新增 /developers 页面,汇总三个工具的安装入口
  • 变更每个风格现在派生独特、对比安全的 shadcn 主题(明暗双模式),覆盖完整 token 集(含 charts 和 sidebar)

v0.16.0

2026-06-22

Cursor Lab — 17 间交互房间,GSAP 迁移

  • 新增Cursor Lab 上线,17 间各不相同的指针交互房间,每间对应一种设计风格
  • 新增12 种自定义鼠标交互动效原语:Warp、Mirror、Grid3D、EmblemSpin、SpeedLine、PaperLayer、GeometricFragments 等
  • 变更将 8 个核心原语从手写 rAF 循环迁移到 GSAP quickTo + expo.out 缓动
  • 变更去重房间:移除 3 间近似克隆房(macOS、Apple、African Textile),20→17 间各不相同的组合
  • 新增全站版本更新公告横幅

v0.15.0

2026-04-15

Playground 重构

  • 新增动画、配方和 Playground 页面全面 i18n 覆盖
  • 新增页脚添加站点备案信息
  • 变更重写 tokensToCSS 引擎并清理 Playground 导入
  • 修复修复从 plan_card_json 读取 codePrompt 时的类型校验
  • 修复修复 PromptPairExporter 的 nameEn 本地化和语言切换按钮宽度

v0.14.0

2026-04-01

国际化与风格发现

  • 新增组件模式库,支持通过导航浏览可复用 UI 模式
  • 新增风格组合推荐系统,帮助混搭兼容风格
  • 新增多语言提示词系统,统一优化风格规则模板
  • 新增增强分析面板,提供更深入的流量洞察
  • 变更将 150+ 页面静态化,降低 Vercel 免费额度占用
  • 变更全面的国际化和用户体验优化
  • 修复OAuth 重定向现在正确使用公共 base URL
  • 修复规范 base URL 统一到 www 域名

v0.13.0

2026-03-22

提示词本地化导出

  • 新增新增 aiRulesEn 支持:英文硬性提示词现在使用本地化风格规则
  • 修复修复英文硬性提示词因缺少 enhancedRules 回退导致内容比中文短的问题
  • 新增示例提示词复制时在英文语言下正确使用 aiRulesEn
  • 变更PromptPairExporter 现传递 doListEn、dontListEn、keywordsEn 实现完整英文本地化

v0.12.0

2026-03-18

推广准备与打磨

  • 新增全面推广准备:SEO、分析、博客、社会证明和监控
  • 修复修复导出对话框因 DOM 嵌套导致的屏幕外渲染
  • 修复修复折叠区域在 Chrome 120+ 桌面端不可见的问题
  • 变更按用户优先级重新排列风格详情页各区域

v0.11.0

2026-03-17

动画目录重新设计

  • 新增沙盒面板,提供动画通用演练场
  • 新增紧凑筛选栏,支持分类、触发方式和难度筛选
  • 新增新增滚动翻页和滚动剥离动画
  • 变更将全部 49 个动画迁移至目录结构
  • 移除移除动画 StyleType 及 4 个旧版动画风格

v0.10.0

2026-03-17

风格扩展与场景发现

  • 新增新增 4 种风格填补场景空白,以及卡片翻转、录音机、复古收音机、天气卡片动画
  • 新增基于场景的风格发现和首页入口
  • 新增展示预览的实时 iframe 嵌入
  • 新增可发布的 stylekit-contributor 技能,支持外部 PR
  • 变更升级质量评分器 v2,将全部 127 种风格提升至 B 级
  • 变更全面移动端布局优化
  • 修复规范 URL 与 Vercel 主域名对齐

v0.9.0

2026-03-16

资源库与 SEO

  • 新增渐变库,包含 40+ 预设
  • 新增阴影库,包含 30+ box-shadow 预设
  • 新增字体排版和背景资源页面
  • 新增全面 SEO 优化
  • 新增全部 118 种风格定义的英文翻译
  • 新增GitHub Star 按钮,实时显示 star 数
  • 变更重组导航栏,新增资源下拉菜单

v0.8.0

2026-03-15

动画平台与性能

  • 新增扩展至 25 个动画,配有精美卡片封面
  • 新增新增 12 个动画,涵盖退出、过渡等效果
  • 变更优化动画浏览和列表筛选性能
  • 修复修复动画详情页的 hydration 不匹配
  • 修复恢复实时风格封面预览

反馈

有想法,或发现了问题?

StyleKit 在开放地构建。把功能建议或使用中遇到的小问题直接发到我们邮箱 —— 或者来 GitHub 参与讨论。

或在 GitHub 参与讨论

StyleKit

精选网页设计风格库,帮助 AI 生成更好看的网站。

反馈建议支持维护
浏览+
风格库模板动效资源库提示词库主题合集
学习与更新+
前端基础指南配方更新日志博客
关于与政策+
关于联系与支持隐私政策服务条款支持我们退款政策

(c) 2026 StyleKit. 开源项目。

闄旾CP澶?025065501鍙?3

刊末信息/SK — 2026

基于 Editorial 风格构建

01反馈与建议告诉我们哪里还可以更好02支持维护如果 StyleKit 恰好帮到了你,欢迎扫码支持。金额随意,每一份心意我都很感谢。

StyleKit

精选网页设计风格库,帮助 AI 生成更好看的网站。

GitHub 仓库

浏览

风格库模板动效资源库提示词库主题合集

学习与动态

前端基础指南配方更新日志博客

订阅动态

新风格、模板与工具上线时,第一时间收到通知。

保持更新

订阅即表示您同意我们的 隐私政策 和 服务条款。

(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款支持我们退款政策/陕ICP备2025065501号-3

StyleKit