Integration接入顺序01先在工作台确认效果操作上方真实 Demo,确认状态和交互符合产品需要。02检查源码与依赖只有真实存在的源码、Prompt 和参数文件才会出现在代码面板。03按接入指南迁移保留许可证,并根据自己的设计系统调整参数和样式。
玻璃拟态卡片 · Glass Surface可调参数第 001 期 · 玻璃拟态让表面变得可复用。模糊 18px · 指针高光模糊 18px透明度 16%边框 30%阴影 28%高光 26%Live Demo在线预览查看模块 ↗玻璃拟态卡片Glass Surface♡Visual EffectsCSS · React
玻璃光斑卡片 · Magic Card指针跟随第 002 期 · 玻璃光斑移动指针。边框跟着光亮起来。光斑 · 边框 · 倾斜光斑 32%强度 72%倾斜 1.8°Live Demo在线预览查看模块 ↗玻璃光斑卡片Magic Card♡Visual EffectsReact · CSS
圆形主题切换 · Circular Theme Reveal点击右上角第 014 期 · 圆形主题切换让主题跟着点击展开。点击右上角按钮,观察变化从操作位置扩张到四个角。今日任务12完成进度68%运行状态正常☾深色当前为浅色主题 · 支持键盘与减少动画Live Demo在线预览查看模块 ↗圆形主题切换Circular Theme Reveal♡Visual EffectsReact · TypeScript
卡片变形弹窗 · Morphing Dialog点击卡片AI MODULEAI 回复结构把输入、检索和生成状态放进同一张详情卡。↗支持 Esc、点按外部、焦点循环与减少动画。Live Demo在线预览查看模块 ↗卡片变形弹窗Morphing Dialog♡Free UIReact · TypeScript