Nubisco UIThe Vue 3 library built like a real design system

SCSS token engine, geometry-first grid, and production-ready components. Built for teams shipping product UIs at scale.

SCSS Token Engine

Every color, spacing value, and type scale is a CSS custom property generated from typed SCSS maps. Override one variable and the entire system cascades. No one-off patches.

Explore theming

Geometry-First Grid

NbGrid is a first-class layout primitive. Five breakpoints, 16 columns, a semantic gap scale (xxs–xxl), and full flex alignment control. Layout is not an afterthought.

Grid docs

TypeScript by Design

Shared I/E/T-prefixed type hierarchy across all components. Props, enums, and variants are fully typed, co-located in .d.ts files, and composable via interface extension.

Type conventions

Accessible by Default

Keyboard navigation, ARIA roles, and focus management are built into every interactive component. Accessibility is part of the component contract, not an optional add-on.

Tree-Shakeable & Fast

Import only what you use. Icons are loaded as async Vue components via a Vite virtual module. Only icons you actually reference end up in your production bundle.

Open Source · MIT

No lock-in, no subscription, no telemetry. Use it, fork it, extend it. Released under the MIT license and built in the open on GitHub.

View on GitHub