# tokenami/tokenami

The utility-first CSS lib for type-safe design systems. No runtime injection, no class soup, no specificity wars—just predictable styling with atomic CSS variables.

Repository: https://github.com/tokenami/tokenami
Canonical: https://ross.abutalabs.com/products/tokenami
Homepage: https://tokenami.com
Language: TypeScript
License: MIT
License Family: permissive
Last push: 2026-07-28T01:33:17+00:00

## Health v2 (maintenance only)
Score: 90/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 94, release rhythm 89, longevity 83
- inputs: {"age_days": 1171, "days_push": 37, "days_rel": 72, "gap_med": 5.0, "n_releases_24m": 37}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1016, forks 10 (observed 2026-08-28T04:03:14.406023+00:00)

## What it is
Tokenami is a utility-first CSS library for building type-safe design systems using atomic CSS variables, with no runtime injection or bundler requirement. It works across React, Preact, Vue, SolidJS, and Qwik, and is written in TypeScript.

## Use cases
- build a type-safe design system in TypeScript
- style components with utility-first CSS without class name soup
- avoid CSS-in-JS runtime injection overhead
- create a portable styling solution that works across React, Vue, and Solid
- theme an app with CSS variables and design tokens
- get autocomplete and type checking for CSS properties in the editor

## When to choose
- you want utility-first styling with full TypeScript type safety
- you need a design system that works across multiple frontend frameworks
- you want to avoid runtime CSS injection and bundler-specific plugins
- you prefer CSS variables and tokens over traditional class-based atomic CSS

## When to avoid
- you need a battle-tested, stable library for production—Tokenami is in early development
- your team relies on established ecosystems like Tailwind or styled-components
- you need extensive plugin ecosystems or community tooling
- you don't use TypeScript and won't benefit from its core type-safety features

## Facets
- artifact type: library
- maturity: experimental
- function: css-framework, ui-components, developer-tools
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: css-in-js, atomic-css, design-systems, type-safe, css-variables, utility-first, typescript, nodejs, web-server

## Member repositories
- tokenami/tokenami (main) score 90

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:14.406023+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:11:22.118468+00:00, confidence not recorded.
  - readme: https://github.com/tokenami/tokenami (fetched 2026-08-28T04:03:14.406023+00:00, sha 5a0de37120bc)
  - homepage: https://tokenami.com (fetched 2026-08-29T13:10:43.967994+00:00, sha 2abbf6e12b7c)
  - registry_npm: https://registry.npmjs.org/tokenami (fetched 2026-08-29T13:10:43.970915+00:00, sha 512f37ddd9aa)
- Data as of 2026-08-30T08:39:29.467469+00:00.