SkyGraph
В разработкеUI-библиотека для React и Vue
Множество готовых стилизованных компонентов для React и Vue — таблицы, формы, деревья, графики, календари, диаграммы, дашборды. Одно ядро, нативные адаптеры и одинаковый UI в обоих фреймворках.
Ключевые особенности
- Нативные адаптеры для React и Vue на общем core-пакете
- Один DOM/CSS-контракт: одинаковые .sg-* классы и design tokens
- Таблицы и формы из коробки: сортировка, фильтрация, виртуализация, валидация, undo/redo
- Печать и экспорт в PDF — для любой таблицы, диаграммы, графика и дашборда
- Светлая и тёмная темы — одним атрибутом на <html>
Архитектура
Общее поведение живёт в отдельном core-пакете: состояние, валидация, выделение, история и экспорт. React и Vue получают нативные адаптеры, но подписываются на одну модель поведения.
API остаётся родным для фреймворка: React-компоненты для React, SFC и Composition API для Vue. Общими остаются логика, DOM/CSS-контракт и визуальный результат.
CSS обычный — токены через CSS Variables, без CSS-in-JS и runtime-инъекций. Перекрашиваешь — переопределяешь токен; переключаешь тему — атрибутом на <html>.
Один пакет на установку: npm install skygraph-react (или skygraph-vue). Стили подключаются автоматически, отдельный импорт не нужен.
У SkyGraph есть интерактивные демо для React и Vue — таблицы, деревья, формы, диаграммы, графики, дашборды. Открыл и пощёлкал прямо в браузере. Человекочитаемый changelog рассказывает, что приехало в каждом релизе.