SkyGraph
In developmentUI library for React and Vue
Many ready-made styled components for React and Vue — tables, forms, trees, charts, calendars, diagrams, dashboards. One core, native adapters and the same UI across both frameworks.
Key features
- Native React and Vue adapters on top of one core package
- One DOM/CSS contract: the same .sg-* classes and design tokens
- Tables and forms with sorting, filtering, virtualization, validation, undo/redo out of the box
- Print and PDF export for any table, diagram, chart or dashboard
- Light and dark themes via a single attribute on <html>
Architecture
Shared behaviour lives in a separate core package: state, validation, selection, history and export. React and Vue get native adapters while subscribing to the same behaviour model.
The API stays native to each framework: React components for React, SFCs and Composition API for Vue. The shared parts are logic, DOM/CSS contract and visual output.
CSS is plain — design tokens as CSS Variables, no CSS-in-JS, no runtime injection. Override a token to re-skin globally; switch themes with a single attribute on <html>.
Install once: npm install skygraph-react (or skygraph-vue). Styles are pulled in automatically, no extra imports.
SkyGraph has interactive demos for React and Vue — tables, trees, forms, diagrams, charts, dashboards. Open and try them right in the browser. A plain-language changelog tracks what shipped in each release.