vanilla-react-css

React + Vanilla CSS (Vite)

Node.js example that integrates CSS Forge tokens into a React app using vanilla CSS.

Scaffold Source

pnpm create vite@latest vanilla-react-css -- --template react-ts --no-interactive

Resolved Versions

• react@19.2.4
• vite@7.3.1
• @playwright/test@1.58.2

Run Locally

pnpm install
pnpm exec playwright install chromium
pnpm run cssforge:build-local
pnpm run cssforge:generate
pnpm run dev

E2E Test

pnpm run test:e2e

The Playwright test validates CSS Forge variables on :root and computed styles on [data-testid="token-card"].