AckPlus UI

Getting Started

AckPlus UI is a Tailwind v4-first React component library. It ships runtime CSS tokens and minimal base styles so you can compose modern, themeable UIs without heavy configuration.
Prerequisites
Make sure you have React 18+ and a bundler like Vite, Next.js, or Create React App. Tailwind CSS v4 is recommended but not required for basic usage.

Quick Start

1

Install the package

Add AckPlus UI to your project using your preferred package manager.

Loading…
Loading…
2

Import styles

Import the runtime tokens and base component styles in your global CSS file. These work with Tailwind v4 and are compatible with v3 as plain CSS.

Loading…
Loading…
3

Start using components

Import and use components in your React application. Optionally wrap with ThemeProvider for theme control.

Loading…
Loading…

What's Next?

Explore Components

Browse our comprehensive component library with interactive examples and API documentation.

View Components →
Customization Guide

Learn how to customize themes, colors, and component variants to match your design system.

Learn Theming →
Storybook Playground

Experiment with component props and see all possible variations in our interactive Storybook.

Open Storybook →
Installation Details

Detailed setup instructions, configuration options, and troubleshooting guide.

View Details →

Key Features

Runtime Theming

Switch themes instantly without rebuilding. CSS custom properties enable dynamic theming.

TypeScript Ready

Full TypeScript support with excellent IntelliSense and type safety out of the box.

Polymorphic Components

Render components as any HTML element or React component using the 'as' prop.