Skip to main content

Overview

Our component library provides a comprehensive set of pre-built, accessible UI components designed to accelerate your development workflow. Each component follows best practices for usability, accessibility, and performance.

Design Principles

Our component library is built on four core principles:

Accessibility First

All components meet WCAG 2.1 AA standards with proper ARIA labels, keyboard navigation, and screen reader support.

Customizable

Flexible styling system that allows you to customize components to match your brand while maintaining consistency.

Responsive

Components adapt seamlessly across all device sizes with mobile-first responsive design.

Developer Experience

TypeScript-first with comprehensive prop types, clear documentation, and intuitive APIs.

Accessibility Features

We take accessibility seriously. Every component includes:
  • Keyboard Navigation: Full keyboard support for all interactive elements
  • Screen Reader Support: Proper ARIA labels and semantic HTML
  • Focus Management: Clear focus indicators and logical tab order
  • Color Contrast: WCAG AA compliant color combinations
  • Motion Preferences: Respects prefers-reduced-motion settings
All components are tested with popular screen readers including NVDA, JAWS, and VoiceOver.

Browser Support

Our components work across all modern browsers:
  • Chrome (last 2 versions)
  • Firefox (last 2 versions)
  • Safari (last 2 versions)
  • Edge (last 2 versions)

Getting Started

Ready to start building? Check out the Usage Guide to learn how to install and use components in your project.
New to the library? Start with basic components like Button and Input before moving to more complex components.

Build docs developers (and LLMs) love