Developer-Friendly Documentation
Comprehensive guides, API references, and installation instructions to help you build with Tailwind Pack.
Getting Started
Installation
Install Tailwind Pack via npm or yarn to start using UI components with framework or vanilla support.
// Using npm
npm install @tailwind-pack/react @tailwind-pack/vue @tailwind-pack/svelte
// Using yarn
yarn add @tailwind-pack/react @tailwind-pack/vue @tailwind-pack/svelte
Component Library
Buttons
10+ predefined button styles with loading states, variants, and accessibility features.
import { Button } from '@tailwind-pack/react';
function Example() {
return (
);
}
Tables
Responsive and sorting data tables with pagination, filtering, and fixed header support.
import { Table } from '@tailwind-pack/vue';
<Table
:columns="['ID', 'Name']"
:rows="[{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }]"
/>
Forms
Validated form controls with real-time validation and built-in error handling.
import { Input, Form } from '@tailwind-pack/svelte';
function Example() {
const values = { name: '', email: '' };
return (
<Form
model={values}
rules={{
name: 'required|max:255',
email: 'email'
}}
>
<Input name="name" label="Name" />
<Input name="email" label="Email" />
</Form>
);
}
API Reference
Common Props
| Prop | Type | Description |
|---|---|---|
| className | string | Optional custom CSS classes |
| isDisabled | boolean | Disables component interaction |
| theme | object | Custom theme overrides |
Build Amazing UIs Today
Explore 45+ components, zero configuration needed, and framework-agnostic design