One import
import { tw } from 'typewritingclass' — chain utilities, modifiers, and
shorthands off a single object. Full autocomplete, zero config.
Typewriting Class
CSS utilities as TypeScript functions. One import. Full autocomplete.
Try it
Section titled “Try it” Preview
Generated CSS
Why Typewriting Class?
Section titled “Why Typewriting Class?”TypeScript-native
Utilities are functions, not string conventions. Full autocomplete, type checking, and refactoring support out of the box.
Property-access tokens
Every utility is a property on tw — tw.bg.blue500, tw.p(4),
tw.hover(tw.bg.blue600). No string conventions, just dot-access with full
IntelliSense.
Dynamic when needed
Wrap runtime values with dynamic() and use dcx() — the compiler emits
CSS custom properties and a tiny runtime handles the rest.