Repolode
Submit
alibaba-fusion

alibaba-fusion/next

An enterprise-grade React component library for back-office web systems, designed to align designers and front-end developers through shared theming.

View on GitHubWebsite
Stars
4,682
Forks
597
Open issues
268
Last commit
6 days ago

What is it?

@alifd/next is a React component library for building enterprise backend interfaces. It targets the friction between designers and front-end developers: designers can customize component visuals and publish them as an npm theme package, which developers then consume without rewriting UI code. The goal is a consistent product experience and faster development.

The library requires React 16 or later, with react and react-dom as peer dependencies. Date and time components rely on moment, which is also a peer dependency. It can be installed from npm, loaded as a global script from a CDN, and imported either in full or per component through babel-plugin-import to reduce bundle size.

The project is written in TypeScript and works in Chrome, Firefox, Edge, Safari, Opera, UC and IE 9 or later. Documentation covers theming, internationalization and font deployment. It is commonly used together with the Fusion Design toolchain.

Key features

  • 01Provides a broad set of React UI components for backend interfaces.
  • 02Supports custom theme packages published as npm modules.
  • 03Allows importing the full library or individual components with babel-plugin-import.
  • 04Includes internationalization and font deployment guides.
  • 05Can be loaded directly in the browser via script and link tags.

Use cases

  • Building internal admin dashboards and enterprise back-office systems.
  • Standardizing UI across multiple products that share one design system.
  • Letting designers ship branded theme packages that developers consume without UI rework.

Quick start

  1. 1

    Install the package from npm

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

    Import the full stylesheet and components in your project

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

Things to know

  • React 16 or later is required; versions below React 16 are not supported.
  • react, react-dom and moment must be installed separately as peer dependencies.

Topics

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

FAQ

What is next?
An enterprise-grade React component library for back-office web systems, designed to align designers and front-end developers through shared theming. @alifd/next is a React component library for building enterprise backend interfaces. It targets the friction between designers and front-end developers: designers can customize component visuals and publish them as an npm theme package, which developers then consume without rewriting UI code. The goal is a consistent product experience and faster development.
Is next free to use? What license does it have?
next is open source under the MIT license. Check the license terms before using it in commercial products.
Is next still maintained?
Actively maintained. The last commit to next was on Nov 1, 2026.
What can I use next for?
Building internal admin dashboards and enterprise back-office systems. Standardizing UI across multiple products that share one design system. Letting designers ship branded theme packages that developers consume without UI rework.
How do I install next?
Install the package from npm: npm install @alifd/next --save Import the full stylesheet and components in your project: import '@alifd/next/dist/next.css';
Where can I get next?
The source code and installation instructions are on GitHub: https://github.com/alibaba-fusion/next

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects