Installation

AckPlus UI targets Tailwind CSS v4 and React 18+. It exports CSS tokens and styles that also work as plain CSS (no Tailwind plugin required), so you can adopt it incrementally.

Prerequisites

  • React 18+ and a bundler (Vite, Next.js, etc.)
  • Tailwind CSS v4 for full utility parity (optional for basic usage)

Install Package

Loading…
Loading…

Add Styles

Import tokens and base styles once in your global stylesheet.

Loading…
Loading…

Configure Theme (Optional)

Theme is controlled via document.documentElement.dataset.theme. Use the provided ThemeProvider or set the attribute yourself.

Loading…
Loading…

Using Components

Loading…
Loading…

Tailwind v4 Notes

  • Components rely on CSS variables from tokens.css. Ensure it is imported before your app styles.
  • You can layer your own utilities and design tokens on top — the library plays nicely with existing Tailwind setup.