zedkit
@zedtech/zedkit-ui

Theme an admin app (dark/light included)

@zedtech/zedkit-ui — beta

beta

At a glance

  • Who: Teams starting a React admin app who want dark/light design tokens without setup.
  • What: One CSS import plus a source line gives the full token set and theme switching.
  • Use when: As the first install in every app using the kit.
  • Avoid when: For apps with their own design system — use your tokens instead of fighting these.
  • See also: Merge class names without conflicts

Install

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

Example

Usage
import "@zedtech/zedkit-ui/styles.css"; // tokens + theme, once per app
// globals.css also needs this line so Tailwind scans components:
// @source "../node_modules/@zedtech/zedkit-ui/src/**/*.{ts,tsx}";
// .dark on <html> (next-themes recommended) flips the theme.

Wraps: tailwindcss (v4 CSS-first)

On this page