UI Components Library

Browse and test reusable UI components built with Tailwind CSS and integrated into the website-support project.

Buttons

Button variants with different sizes, colors, and states.

View Components

Cards

Various card designs including basic, gradient, feature, stat, and action cards.

View Components

Forms

Form inputs, textareas, selects, checkboxes, and validation states.

View Components

Alerts & Notifications

Alert messages, notifications, badges, and toast components.

View Components

Loading States

Spinners, skeletons, progress bars, and loading indicators.

View Components

Modals & Dialogs

Modal dialogs, drawers, and overlay components.

View Components

Navigation

Navbars, breadcrumbs, tabs, and pagination components.

View Components

Tables

Data tables with sorting, filtering, and pagination.

View Components

Colors & Typography

Color palette and typography system showcase.

View Components

Fonts & Typography

Font families, weights, sizes, and typography guidelines.

View Components

React Patterns

Advanced React component patterns and hooks.

View Components

Icons

Icon library with React Icons integration and usage examples.

View Components

Charts

Data visualization components and charting patterns.

View Components

Banners

Cookie consent banners, notifications, and overlay components.

View Components

Components imported from ~/components/ui/

Built with React Router v7 and Tailwind CSS