happening-design-system
♥Cherished
A TypeScript design token library that provides platform-agnostic semantic tokens with dedicated adapters for React web (CSS variables, rem units) and React Native (numeric values). Solves the problem of maintaining consistent design systems across web and native applications by centralizing token definitions and automatically transforming them for each platform's requirements.
Clauded With Love Rating
7.5 / 10
A TypeScript design token library that provides platform-agnostic semantic tokens with dedicated adapters for React web and React Native. The package uses subpath exports to deliver platform-specific transformations (CSS variables/rem for web, numeric values for native) from a single source of truth.
Code Quality7.5
Usefulness8.5
Claude Usage7.0
Documentation8.0
Originality6.5
Highlights
- ✓Elegant subpath export structure that allows importing only needed platform adapters while maintaining tree-shaking benefits
- ✓Comprehensive semantic token system with well-organized categories (brand, background, text, feedback, interactive) that promotes design consistency
- ✓Dual platform support with automatic value transformation - CSS variables and rem units for web, numeric values for React Native
To Improve
- →Add comprehensive test coverage including unit tests for token transformations and integration tests for both web and native adapters
- →Include theme switching examples and runtime theme updates in documentation, plus migration guide from other design token libraries
Language