Version 2.0 现已发布

重塑前端样式的
JSON 驱动引擎

Custom Styles V2 引入革命性的 Global Styles User Theme JSON 架构。告别繁琐的 CSS 维护，拥抱数据驱动的样式管理新时代。

开始集成查看演示

// System Configuration

const systemConfig = {

"systemName": "Custom Styles",

"version": 2,

"isGlobalStylesUserThemeJSON": true,

"systemId": 2020

};

核心特性

为开发者打造的极致体验

基于 Version 2 内核，Custom Styles 提供了前所未有的灵活性和控制力。

全局 JSON 主题

利用 isGlobalStylesUserThemeJSON 属性，实现全站样式的集中化 JSON 配置，一键切换主题，无需重写 CSS。

V2 架构升级

基于 Version 2 内核构建，性能提升 40%。优化的渲染引擎确保大规模样式计算下的毫秒级响应。

动态样式注入

实时解析用户配置，动态生成并注入样式。支持运行时修改，所见即所得的编辑体验。

深入系统核心：
ID 2020 的技术哲学

Custom Styles 不仅仅是一个样式库，它是一个完整的样式治理方案。系统 ID 2020 代表了我们对未来 Web 开发模式的探索。

声明式配置： 将样式逻辑与 UI 组件彻底解耦。
原子化控制： 精确到每一个 CSS 属性的 JSON 映射。
企业级扩展： 专为大型复杂系统设计，支持多租户样式隔离。

theme.config.json Read-Only

{
  "styles": {
    "typography": {
      "fontSize": "16px",
      "fontFamily": "Inter"
    },
    "colors": {
      "primary": "var(--brand-500)",
      "background": "#0f172a"
    },
    "blocks": {
      "button": {
        "border": {
          "radius": "8px"
        }
      }
    }
  },
  "version": 2
}

赋能多行业场景

无论您的业务形态如何，Custom Styles 都能提供完美的样式解决方案。

SaaS 平台

允许租户自定义品牌色和 Logo，实现千人千面的 SaaS 界面。

电商建站

通过 JSON 快速生成节日促销主题，无需发布新版本代码。

低代码平台

作为低代码编辑器的底层样式引擎，存储和回显用户设计。

移动应用 H5

统一管理 App 内嵌页面的视觉规范，保持多端体验一致。

重塑前端样式的 JSON 驱动引擎