Component Library
30+ production-ready, fully accessible UI components. Copy, customize, and deploy.
Components
Accessible
Dependencies
License
Browse All Components
Button
Versatile button component with multiple variants, sizes, and states
Card
Flexible card layout perfect for content grouping and containers
Badge
Compact component for status labels and category tags
Avatar
User profile avatars with fallback support and size options
Input
Form input field with validation, icons, and placeholder support
Table
Data table component with sorting, pagination, and responsive design
Toast
Notification messages with auto-dismiss functionality
Dropdown
Dropdown menu component for action selection
Tooltip
Contextual help tooltips for enhanced user guidance
Spinner
Loading indicators for async operations
Checkbox
Checkbox input control for multiple selections
Radio
Radio button input for single selection from multiple options
Toggle
Toggle switch control for boolean selections
Stepper
Multi-step form indicator showing progress through steps
Breadcrumb
Navigation breadcrumbs showing current page hierarchy
Chip
Compact component tags for filtering and selection
Select
Dropdown select input for choosing from options
Textarea
Multi-line text input for longer text content
Alert
Alert messages for important notifications and warnings
Link
Styled link component with hover effects
List
Flexible list component for ordered and unordered lists
Stack
Utility component for flexible layout stacking
Grid
CSS Grid layout wrapper component
Why Choose TD Components?
Fully Accessible
WCAG 2.1 AA compliant components with keyboard navigation and screen reader support out of the box.
Zero Dependencies
Pure HTML, CSS, and JavaScript. No bloat. No frameworks required. Use with any tech stack.
Fully Customizable
Easy to theme and customize. Tailwind CSS integration. Design tokens included.
Mobile First
Responsive by default. Touch-friendly interactions. Works on all devices and screen sizes.
Easy Integration
Works seamlessly with Astro, React, Vue, Angular, and any .NET frameworks.
Complete Docs
Comprehensive documentation with live examples, API reference, and best practices.
Get Started in Minutes
Copy any component, customize it to match your brand, and deploy to production.