TYPESCRIPT · VITE+ & KUMO UI

vite-plus-kumo-ui — Tailwind CSS v4 & Cloudflare Kumo UI Integration for Vite+

vite-plus-kumo-ui is a Vite+ plugin that wires Cloudflare's Kumo UI component primitives and Tailwind CSS v4 design tokens into React and Astro applications. It configures automatic theme variables, accessible dark/light mode switching, and tree-shaken icon imports out of the box.

$ npm install vite-plus-kumo-ui

GitHub ↗

ENGINEERING OVERVIEW

Official Vite+ integration for Cloudflare Kumo UI and Tailwind CSS v4. Features automated design token synchronization, component parity verification, and AST-powered drift detection.

COMMAND LINE & WORKFLOW EXAMPLES

Start Dev Server with Kumo UI

Starts Vite+ development server with instant HMR and Tailwind CSS v4 Kumo tokens.

pnpm dev

Run Kumo Drift & Parity Checks

Validates local UI components against upstream Cloudflare Kumo design specifications.

pnpm lint:kumo:parity

Generate Design Allow lists

Regenerates component and token allowlists for strict corporate styling compliance.

pnpm generate:allowlists

RULE & POLICY SPECIFICATIONS

Rule ID	Category	Severity	Rule Description
kumo-token-drift	Design System	ERROR	Detects unauthorized overrides to core Cloudflare Kumo design tokens.
kumo-component-parity	Component API	WARN	Flags deviations from standard Kumo component prop interfaces.
tailwind-v4-syntax	CSS Linter	ERROR	Ensures all styling rules utilize Tailwind CSS v4 @theme directives.