Repolode
Предложить
palantir

palantir/blueprint

Набор React-компонентов для создания сложных веб-интерфейсов с большим объёмом данных в стиле настольных приложений.

Открыть на GitHubСайт
Звёзды
22,157
Форки
2,371
Открытые issues
966
Последний коммит
4 дня назад

Что это?

Blueprint — набор React-компонентов для веба, предназначенный для создания сложных интерфейсов с большим объёмом данных, например веб-приложений в стиле настольных, работающих в современных браузерах. Это не mobile-first-набор.

Репозиторий — монорепозиторий, опубликованный в виде нескольких npm-пакетов. Основной пакет содержит стили и компоненты, а дополнительные пакеты — компоненты ввода даты и времени, иконки (в формате SVG и шрифта иконок), выбор элементов из списков и масштабируемый интерактивный компонент таблицы в стиле электронной таблицы. Пакет colors предоставляет цветовые переменные дизайн-системы.

В проект также входят документация и демоприложения, а ещё общие инструменты сборки: плагины ESLint и stylelint, которые проверяют соблюдение соглашений по использованию Blueprint, и скрипты сборки для Sass и Webpack.

Ключевые возможности

  • 01Основные стили и React-компоненты для создания веб-интерфейсов
  • 02Масштабируемый интерактивный компонент таблицы в стиле электронной таблицы
  • 03Компоненты ввода даты и времени в отдельном пакете
  • 04Иконки в форматах SVG и шрифта иконок
  • 05Плагины линтеров, проверяющие соблюдение рекомендаций по использованию Blueprint

Сценарии использования

  • Создание внутренних инструментов и дашбордов с большим объёмом данных в браузере
  • Разработка веб-приложений в стиле настольных, с насыщенными формами и таблицами
  • Добавление в React-приложение единой дизайн-системы с тёмной и светлой темами

Быстрый старт

  1. 1

    Используйте версию Node, указанную в .nvmrc

    nvm use
  2. 2

    Включите pnpm через corepack

    corepack enable
  3. 3

    Установите все зависимости монорепозитория

    pnpm install
  4. 4

    Запустите демо-приложение, чтобы проверить настройку

    pnpm dev:demo

Что важно знать

  • Предназначен для приложений в стиле desktop и явно не является инструментарием с приоритетом мобильных устройств.
  • Для разработки требуются Node.js v24.11+ и pnpm v10.x, а для настройки в Windows нужны дополнительные инструменты сборки.

В подборках

Фронтенд-фреймворки и UI-компоненты

Темы

#react#ui-components#typescript#design-system#table#web-ui#blueprint#components#design#lerna

Частые вопросы

Что такое blueprint?
Набор React-компонентов для создания сложных веб-интерфейсов с большим объёмом данных в стиле настольных приложений. Blueprint — набор React-компонентов для веба, предназначенный для создания сложных интерфейсов с большим объёмом данных, например веб-приложений в стиле настольных, работающих в современных браузерах. Это не mobile-first-набор.
blueprint можно использовать бесплатно? Какая у него лицензия?
blueprint распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
blueprint всё ещё поддерживается?
Активно поддерживается. Последний коммит в blueprint — 21 окт. 2026 г..
Для чего можно использовать blueprint?
Создание внутренних инструментов и дашбордов с большим объёмом данных в браузере Разработка веб-приложений в стиле настольных, с насыщенными формами и таблицами Добавление в React-приложение единой дизайн-системы с тёмной и светлой темами
Как установить blueprint?
Используйте версию Node, указанную в .nvmrc: nvm use Включите pnpm через corepack: corepack enable Установите все зависимости монорепозитория: pnpm install Запустите демо-приложение, чтобы проверить настройку: pnpm dev:demo
Где скачать blueprint?
Исходный код и инструкции по установке — на GitHub: https://github.com/palantir/blueprint

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты