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 → 150+ design tokens: 23 semantic colors, 88 tonal palette steps, CSS variables, Tailwind config, DTCG export, APCA contrast, and color blindness simulation. 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