Learn to build production-ready design systems with esalt packages. From a single color — full light/dark theme, accessibility report, and design tokens for every framework.
npm install salt-theme-gen Before
Hardcoded colors everywhere
After
One hue → full semantic token map
Before
Dark mode built by guessing
After
Mathematically correct — same input, both modes
Before
Spacing values with no system
After
Named scale: compact / default / relaxed / spacious
Before
Contrast ratios never checked
After
AccessibilityReport built into every theme
Before
Web and mobile themes don't match
After
salt-theme-gen + react-native-salt — designed pair
Before
Font sizes scattered and arbitrary
After
FontLevel scale with semantic names
Each package has a full tutorial, integration guides for every major framework, and an AI-ready resource page.
OKLCH-based design system generator. One color in — full light/dark theme out. 17 semantic colors, 32 state colors, spacing scale, radius scale, font size scale, and a WCAG accessibility report. Zero dependencies. Platform agnostic.
npm install salt-theme-gen React Native UI kit powered by your salt-theme-gen theme. 119+ themed components with built-in light/dark mode, font scaling, and zero native dependencies. Designed as a pair with salt-theme-gen.
npm install @esaltws/react-native-salt Works with every major framework and platform