Chinese-first React components in a line-grid style: bar controls, motion graphics, charts, an AI chat panel and an app shell template. Built on Base UI.
全站带颜色的组件共用的色调:primary、blue、green 等内置名或任意 CSS 颜色,统一换成 --flow-tone 变量;附带六种多彩色调的亮 / 暗取值,在全局样式里改写即可换成品牌色。
方条左侧标签、右侧一排色点的单选组,色点取主题变量,跟随亮暗与颜色主题。
方条样式的角度输入:左右拖动刻度、中间竖线指针读数,满一圈首尾相接,与数值滑块同一套高度。
地址、配送、发票与支付方式组成的订单结算区块。
用方条控件拼成的完整设置页:分区导航、实时预览、已修改计数、恢复默认与异步保存。
身份证号、银行卡号与统一社会信用代码输入:自动整理与分组、保持光标、失焦校验,支持打码显示和原始值提交。
纯 CSS 无缝跑马灯,支持四向滚动、恒定速度、渐隐与斜向丝带。
可组合的同心轨道与正向节点,支持半弧、反向运行与离屏暂停。
放进卡片的极简图表:柱、折线、面积、阶梯线、进度环与环形图。无网格无纵轴,可选 11px 横轴,涨跌色随配色约定变化,尊重「减少动态效果」。
编辑有序配色,提供色觉模拟与可区分性提示。
付款、报销、订单金额用的输入框:实时千分位且光标不乱跳,限制小数位与范围,粘贴自动规范化,下方同步显示人民币大写与「约 1.2亿」估读。
零依赖 HEX、RGB、HSV 与 HSL 颜色转换。
可直接编辑 HEX 的方条颜色选择,支持二维取色、透明度与预设色板。