Getting started
Introduction
Novix UI is a premium, accessible, tree-shakable React component library for SaaS, AI, and dashboards. This is the foundation release — the ground the entire ecosystem stands on.
Philosophy
Novix UI is built on the belief that developer tools deserve the same craftsmanship as the products they help build. Every surface is sculpted, every motion is intentional, and every API is designed to feel obvious in hindsight.
Beautiful defaults
Copy-paste, ship. No config, no debate about spacing.
Accessible first
WCAG AA baseline. Radix primitives. Keyboard-tested.
Motion with intent
Spring physics from Apple, Linear, and Framer. Reduced-motion honored.
OKLCH tokens
Perceptual color. Themeable. Never a hardcoded hex in a component.
What ships in v0.1
The foundation release stabilizes the base of the library before we expand. Every primitive is polymorphic, tokenized, and typed with strict TypeScript.
- Design tokens · OKLCH
- Theme system · light/dark/system
- Motion primitives · springs, variants
- Icon system · lucide wrapper
- Button · IconButton · Label
- Badge · Kbd · Separator
- Card · Skeleton · Spinner
- Avatar · Input