Pre-Built UI Components

A library of interactive and accessible components designed for rapid development with zero configuration.

Core Components

A comprehensive set of button variants including primary, secondary, ghost, and icon buttons with built-in loading and disabled states.

import { Button } from '@tailwind-pack/react';

Accessible modal dialog with built-in focus trapping, keyboard accessibility, and customizable portals with support for nested modals.

<Modal isVisible={true}>
  <div className="p-6">Your content here</div>
</Modal>

A fully featured data table component with pagination, sorting, filtering, and virtualization for thousands of rows with sub-200ms hydration.

import { Table } from '@tailwind-pack/vue';

Animated collapsible content with support for multiple open sections, keyboard navigation, and smooth transition animations with custom easing.

import { Accordion } from '@tailwind-pack/svelte';

Drag-and-drop file uploader with multiple file support, progress tracking, and validation rules including size and type restrictions.

<FileUpload onUpload={(files) => console.log(files)} />

Responsive image slider with touch gestures, autoplay, pagination dots, and keyboard navigation for any type of visual content.

import { Carousel } from '@tailwind-pack/react';

Choose from 45+ components or create your own with our flexible component architecture and design system toolkit.