
Tokis: A Performance-First, Token-Native UI Library for Building Modern Design Systems
Tokis: An experiment in building a token-first UI library Over the past few months I’ve been experimenting with a side project called Tokis . It didn’t start as a UI library. It started because I kept running into the same issue on frontend projects: styling slowly drifting out of control. At the beginning everything feels organized. You have a couple of components, a few colors, and maybe some utility classes. But as the project grows, things start getting messy: spacing values start diverging colors get duplicated everywhere components slowly become inconsistent Eventually even simple design updates become annoying because the same values exist in dozens of places. So I wanted to try something different: starting from design tokens instead of components. That idea turned into Tokis. Docs and playground: https://prerakmathur20.github.io/TokisWebsite/ npm package: https://www.npmjs.com/package/@tokis/tokis Starting with tokens The basic idea behind Tokis is pretty simple. Instead of bu
Continue reading on Dev.to React
Opens in a new tab




