React and Vue UI on one engine.
UI для React и Vue на одном ядре.
Many ready-made components — tables, forms, charts, calendars, diagrams. Native React and Vue adapters share the same engine, DOM contract and CSS classes. Free, MIT.
Множество готовых компонентов — таблицы, формы, графики, календари, диаграммы. Нативные адаптеры для React и Vue используют одно ядро, один DOM-контракт и одинаковые CSS-классы. Бесплатно, MIT.
The app code stays framework-native. The shared part is the core behaviour, CSS contract and visual output.
Код приложения остаётся нативным для фреймворка. Общее здесь — поведение ядра, CSS-контракт и визуальный результат.
One engine. Native adapters. Same UI.
Одно ядро. Нативные адаптеры. Один UI.
Shared core behaviour
Общее поведение в ядре
State, validation, selection, history and export logic live in one core package. React and Vue subscribe to the same behaviour.
Состояние, валидация, выделение, история и экспорт живут в одном core-пакете. React и Vue подписываются на одно поведение.
Native framework APIs
Нативные API фреймворков
React gets React components. Vue gets SFCs and Composition API. No wrapper layer pretending one framework is the other.
React получает React-компоненты. Vue получает SFC и Composition API. Без слоя-обёртки, который притворяется другим фреймворком.
One CSS contract
Один CSS-контракт
Both adapters render the same .sg-* classes and
read the same design tokens. Theme once, keep both UIs aligned.
Оба адаптера рендерят одинаковые .sg-* классы и
читают одни design tokens. Темизируешь один раз — оба UI
остаются выровнены.
TypeScript first
TypeScript из коробки
Strict types end-to-end. Form schemas from JSON Schema or Zod.
No any in the public API.
Строгая типизация по всем компонентам. Схемы форм из JSON Schema
или Zod. Никакого any в публичном API.
Accessible by default
Доступность по умолчанию
Keyboard navigation, ARIA roles and focus traps are built in. You don't have to remember them on every component.
Клавиатурная навигация, ARIA-роли и focus-trap — встроены. Не надо помнить про них каждый раз.
Print & PDF
Печать и PDF
Tables, diagrams and charts know how to print themselves. One prop — and the native browser print dialog shows a clean version.
Таблицы, диаграммы и графики умеют печатать сами себя. Один проп — и нативный print-диалог браузера показывает чистую версию.
Live demos
Живые демо
Component docs and mini-app showcases, available for both React and Vue.
Документация по компонентам и мини-приложения — отдельно под React и под Vue.
Sg* SFCs — not a React wrapper.
Sg* SFC — не обёртка над
React.