Natcore
Design System
A CSS-first design system built to survive different stacks. Tokens, utilities, and component styles are applied through class names. If your product renders HTML, Natcore can style it.
Start here
Install the package, import one stylesheet, then compose UI with the same class language this documentation uses.
Principles
01Stack agnosticThe core is CSS. If your product renders HTML, Natcore can style it.
02ComposableBuild UI by composing utilities and tokens, not one-off custom CSS.
03ConsistentModifiers express intent. Scan markup and understand it without reading implementation.
04ThemeableSame HTML renders under any theme. Switch with a single data attribute.
Explore
TokensColor, spacing, typography, radii, shadow, and motion as CSS variablesExplore
ComponentsEverything you need to build consistent interfacesExplore
GuidelinesVariants, tones, naming conventions, and theming rules
Core Tokens
primary
secondary
accent
surface
success
danger
disabled