🚀 Zero JS Overhead (Static Mode)
Use static mode with body classes for zero JavaScript overhead. Or use dynamic mode for runtime injection. Best of both worlds!
TokiForgeDesign Token & Theme Engine
Forge your colors. Shape your UI. (v1.2.0)
Skip to content
🎨 Works With Any Framework
React, Vue, Svelte, Angular, Next.js, Remix, Solid, Qwik, and more. Framework-agnostic by design.
📦 <3KB Runtime
Ultra-lightweight core engine. With static mode, achieve zero JS overhead by generating CSS at build time.
⚡ Performance Optimized
Built-in caching, lazy loading, and compression for optimal performance and reduced bundle size.
🛠️ Powerful CLI
Initialize, build, lint, and preview your themes with a single command.
🎯 Type Safe
Full TypeScript support with auto-generated types from your tokens.
♿ Accessible
Built-in accessibility features including high contrast mode, reduced motion, color blind support, and font scaling.
🔄 Versioning
Track token versions, deprecations, and migrations with full history support.
🔌 Extensible
Plugin system for custom exporters, validators, and formatters. Token functions, expressions, and transformation pipeline.
📱 Responsive
Breakpoint and state-aware tokens for responsive and interactive designs.
🔍 Design Tool Integration
Sync with Figma, Sketch, Adobe XD, and design system tools like Zeroheight and InVision DSM.
✅ CI/CD Ready
Automated validation and testing in your CI/CD pipelines.