设计系统 · 组件配方引擎

组件配方,
一次编排,四套框架

252 件生产级组件配方 + AI 自然语言生成,全部由 --dt-* 设计令牌驱动,切换品牌主题即刻换肤。
零外部依赖 · 6 主风格 · 4 框架产物 · 1 套设计语言

  • 252组件配方
  • 0+原子组件
  • 0品牌主题
  • 6视觉风格
  • 4框架产物
  • 0外部依赖
渐变品牌页
设计封面渐变品牌页
数据看板组件
UI 组件数据看板组件
设计协作
团队设计协作

从浏览到生成,每一步都贴合你的工作流

组件库即用即取,AI 生成无限可能。两套入口,覆盖所有创作场景。

浏览模式

组件配方库

252 件经过生产验证的复合组件,
实时换肤、参数调节、4 框架代码一键导出。

  • 6 主风格 × 2 明暗
  • 参数面板实时渲染
  • HTML / Vue / React / WC
  • 分享链接 + 复制代码
进入组件库
AI 生成

AI 组件配方生成

一句话描述你想要什么组件,
AI 自动生成完整配方 + 可调参数 + 4 框架代码。

  • 自然语言 → 配方
  • 参数 schema 自动推导
  • 实时预览 + 即时导出
  • 历史记录可追溯
开始 AI 生成

同一组件,6 种视觉语言

点击下方色卡即时切换主题,组件本身不重写,只切换设计令牌与风格层。

极简克制减法设计 · 大留白
玻璃拟态高斯模糊 · 透光叠加
新拟物软浮雕 · 同色阴影
赛博故障霓虹 · 失真 · 科技
手绘马克笔纸质 · 涂鸦 · 温度
蒸汽波渐变 · 复古 · 梦幻

准备好开始你的组件配方之旅了吗?

252 件现成配方 + AI 无限生成,总有一款适合你。