React Zero-UIReact Zero-UI

React Zero-UI Docs

Learn React UI state management with zero React re-renders, no providers, and generated Tailwind variants.

React Zero-UI is a state management library that eliminates React re-renders for UI state by using CSS and data attributes instead of component state. It pre-renders all possible UI states at build time and switches between them by flipping data-* attributes on <body> (or on scoped elements).

Why Zero-UI?

  • Zero re-renders - state changes flip DOM attributes, not component trees.
  • ~350 bytes - smaller than a single SVG icon.
  • SSR-safe - no hydration mismatches, no FOUC.
  • Tailwind-native - use variants like theme-dark:bg-gray-900 anywhere.

Get started

Next.js setup

Vite setup

Usage examples

API reference

Next.js State Management Setup

Set up React Zero-UI in a Next.js App Router project for UI state management without providers or extra re-renders.

On this page

Why Zero-UI?Get started