Библиотека UI-компонентов для React: более 60 готовых компонентов, настраиваемые токены дизайна и типы TypeScript на основе системы Arco Design.
alibaba-fusion/next
Корпоративная библиотека React-компонентов для внутренних веб-систем, которая помогает дизайнерам и фронтенд-разработчикам работать с общей темой оформления.
- Звёзды
- 4,682
- Форки
- 597
- Открытые issues
- 268
- Последний коммит
- 7 дней назад
Что это?
@alifd/next — библиотека React-компонентов для создания корпоративных внутренних интерфейсов. Она помогает наладить взаимодействие дизайнеров и фронтенд-разработчиков: дизайнеры могут настраивать внешний вид компонентов и публиковать его в виде npm-пакета с темой, которую разработчики подключают без переписывания UI-кода. Цель — обеспечить единообразный пользовательский опыт и ускорить разработку.
Для работы библиотеки требуется React 16 или новее; react и react-dom указываются как peer dependencies. Компоненты для работы с датой и временем используют moment, который тоже является peer dependency. Библиотеку можно установить через npm, загрузить с CDN как глобальный скрипт и подключить целиком или по отдельным компонентам с помощью babel-plugin-import, чтобы уменьшить размер бандла.
Проект написан на TypeScript и работает в Chrome, Firefox, Edge, Safari, Opera, UC и IE 9 или новее. В документации описаны настройка тем, интернационализация и подключение шрифтов. Библиотеку часто используют вместе с набором инструментов Fusion Design.
Ключевые возможности
- 01Предоставляет широкий набор React UI-компонентов для внутренних интерфейсов.
- 02Поддерживает пользовательские пакеты с темами оформления, публикуемые как npm-модули.
- 03Позволяет подключать библиотеку целиком или отдельными компонентами с помощью babel-plugin-import.
- 04Содержит руководства по интернационализации и подключению шрифтов.
- 05Поддерживает загрузку непосредственно в браузер через теги script и link.
Сценарии использования
- Создание внутренних панелей администрирования и корпоративных систем.
- Унификация UI в нескольких продуктах, использующих одну дизайн-систему.
- Публикация дизайнерами брендированных пакетов с темами оформления, которые разработчики подключают без переделки UI.
Быстрый старт
- 1
Установите пакет из npm
npm install @alifd/next --save - 2
Импортируйте полную таблицу стилей и компоненты в свой проект
import '@alifd/next/dist/next.css';
Что важно знать
- Требуется React 16 или более поздняя версия; версии ниже React 16 не поддерживаются.
- react, react-dom и moment необходимо установить отдельно в качестве peer-зависимостей.
Темы
Частые вопросы
- Что такое next?
- Корпоративная библиотека React-компонентов для внутренних веб-систем, которая помогает дизайнерам и фронтенд-разработчикам работать с общей темой оформления. @alifd/next — библиотека React-компонентов для создания корпоративных внутренних интерфейсов. Она помогает наладить взаимодействие дизайнеров и фронтенд-разработчиков: дизайнеры могут настраивать внешний вид компонентов и публиковать его в виде npm-пакета с темой, которую разработчики подключают без переписывания UI-кода. Цель — обеспечить единообразный пользовательский опыт и ускорить разработку.
- next можно использовать бесплатно? Какая у него лицензия?
- next распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- next всё ещё поддерживается?
- Активно поддерживается. Последний коммит в next — 1 нояб. 2026 г..
- Для чего можно использовать next?
- Создание внутренних панелей администрирования и корпоративных систем. Унификация UI в нескольких продуктах, использующих одну дизайн-систему. Публикация дизайнерами брендированных пакетов с темами оформления, которые разработчики подключают без переделки UI.
- Как установить next?
- Установите пакет из npm: npm install @alifd/next --save Импортируйте полную таблицу стилей и компоненты в свой проект: import '@alifd/next/dist/next.css';
- Где скачать next?
- Исходный код и инструкции по установке — на GitHub: https://github.com/alibaba-fusion/next
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Бесплатная библиотека компонентов с открытым исходным кодом: готовые UI-компоненты доступны в Tailwind CSS через имена классов.
Открытые компоненты shadcn/ui, блоки и шаблоны дашбордов на React, Tailwind CSS и Base UI; добавляются в проект через CLI или копированием кода.
Открытая дизайн-система для React: более 150 доступных компонентов, темы и CLI на базе React 19 и StyleX.
Библиотека доступных React-компонентов и дизайн-система для быстрой разработки веб-приложений с поддержкой тёмной темы и Next.js RSC.
Открытый набор нестилизованных и доступных примитивов UI для React — основа для дизайн-систем и веб-приложений.