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. (v2.2.4)
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.