Component Examples
A collection of reusable UI components built with React and Tailwind CSS. Each component is fully typed, accessible, and ready to use in your projects.
Browse Components
Click on any component to see the full implementation with code examples you can copy.
Button Variants
A flexible button component with multiple variants including primary, secondary, outline, and ghost styles. Supports different sizes and loading states.
Card Component
A composable card component with header, body, and footer sections. Perfect for displaying content in a contained, visually distinct area.
Modal Dialog
An accessible modal dialog component with backdrop, animations, and keyboard support. Uses React Portal for proper DOM placement.
Toast Notification
A toast notification system with multiple variants (success, error, warning, info). Includes auto-dismiss and manual close options.
Tabs Component
A fully accessible tabs component with keyboard navigation. Supports horizontal layout with animated indicator.
Accordion Component
An expandable accordion component with smooth animations. Supports single or multiple expanded items.