Repolode
提交项目
alibaba-fusion

alibaba-fusion/next

面向后台系统的企业级 React 组件库，通过可定制主题统一设计与前端开发。

在 GitHub 查看官网
Star
4,682
Fork
597
未关闭 Issue
268
最近提交
6天前

这是什么？

@alifd/next 是一个基于 React 的组件库，主要用于构建企业级后台管理界面。它关注设计师与前端开发之间的协作问题：设计师可以定制组件样式并发布为 npm 主题包，开发者直接引入即可，无需反复调整 UI 代码，从而保持产品体验一致并提升开发效率。

使用前需要 React 16 及以上版本，react、react-dom 和日期组件依赖的 moment 均以 peerDependencies 方式安装。可以通过 npm 安装，也可以通过 CDN 以全局脚本方式引入；按需引入时可配合 babel-plugin-import 减少打包体积。

项目采用 TypeScript 编写，支持 Chrome、Firefox、Edge、Safari、Opera、UC 以及 IE 9 及以上版本。文档涵盖主题定制、国际化和字体部署等内容，通常与 Fusion Design 工具链搭配使用。

核心功能

  • 01提供面向后台界面的丰富 React 组件。
  • 02支持以 npm 包形式发布和使用自定义主题。
  • 03可全量引入，也可配合 babel-plugin-import 按需引入单个组件。
  • 04提供国际化和字体部署相关说明。
  • 05可通过 script 和 link 标签直接在浏览器中使用。

适用场景

  • 搭建企业内部管理后台和业务系统。
  • 在共享同一设计规范的多个产品间统一界面风格。
  • 设计师发布品牌主题包，开发者直接使用而无需重做 UI。

快速上手

  1. 1

    从 npm 安装软件包

    npm install @alifd/next --save
  2. 2

    在项目中引入完整样式和组件

    import '@alifd/next/dist/next.css';

使用前须知

  • 需要 React 16 或更高版本，不兼容更低版本。
  • react、react-dom 和 moment 需要作为对等依赖手动安装。

标签

#react#component-library#design-system#typescript#ui#theming#component#fusion#fusion-design#next

常见问题

next 是什么？
面向后台系统的企业级 React 组件库，通过可定制主题统一设计与前端开发。 @alifd/next 是一个基于 React 的组件库，主要用于构建企业级后台管理界面。它关注设计师与前端开发之间的协作问题：设计师可以定制组件样式并发布为 npm 主题包，开发者直接引入即可，无需反复调整 UI 代码，从而保持产品体验一致并提升开发效率。
next 可以免费使用吗？用的什么许可证？
next 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
next 还在维护吗？
活跃维护中。next 最近一次提交是在 2026年11月1日。
next 适合用来做什么？
搭建企业内部管理后台和业务系统。 在共享同一设计规范的多个产品间统一界面风格。 设计师发布品牌主题包，开发者直接使用而无需重做 UI。
next 怎么安装和运行？
从 npm 安装软件包: npm install @alifd/next --save 在项目中引入完整样式和组件: import '@alifd/next/dist/next.css';
在哪里获取 next？
源代码和安装说明在 GitHub 上：https://github.com/alibaba-fusion/next

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目