CSS 样式表库

样式库：37 个模块 · 516 个模板。 前七个是 v1.0 就有的常用样式（按钮 / 文本 / 输入框 / Container / 下拉菜单 / 开关 / 复选框， 每模块 22 条，按钮多收了两条组合型共 24 条）； 其余 30 个模块按需求分成五类 —— 一、基础 UI 组件（单选框 / 表单校验状态 / 评分 / 滑块 / 文件上传 / 徽章与标签 / 头像 / 进度条）、 二、布局与排版（卡片 / 分隔线 / 骨架屏 / 文字排版 / 网格系统）、 三、交互与反馈（工具提示 / 弹出框 / 模态框 / 消息通知 / 折叠面板 / 加载动画）、 四、导航与高级组件（面包屑 / 分页 / 标签页 / 步骤条 / 导航栏 / 表格）、 五、现代与特效（玻璃拟态 / 新拟态 / 暗黑模式 / 渐变与光效 / CSS 动画库）， 每个模块 12 条模板。模块筛选按这六个分组显示，也可以直接搜关键词。

卡片右边就是真实预览，不是截图 —— 鼠标移上去看 hover、按住看 active、按 Tab 键看焦点圈、禁用态也在里面， 复制出来的 CSS 原样保留这些状态。

预览为什么不会污染页面：每个预览都渲染在一段 <template> 里，样式通过 Shadow DOM 隔离， 模板里写 .btn 也不会影响本站任何别的元素； 复制的代码是去掉隔离外壳后的原文，粘到你的项目里就能直接用。

自定义生成器：渐变 / 动画 / 颜色码 / 大小预览，四个都是纯前端实时计算 —— 改任何一个参数都会立刻重算并刷新预览，代码同步更新。 本页不联网、不上传、不写 localStorage，所有计算都在你的浏览器里完成。