TaskFlow Design System
A comprehensive component library built for the TaskFlow project management application. All components are designed with accessibility, dark mode, and mobile responsiveness in mind.
Mobile First
All components are designed and tested for mobile devices first, then enhanced for larger screens.
Dark Mode
Complete dark mode support with automatic system preference detection and manual toggle.
Accessible
ARIA labels, keyboard navigation, focus management, and screen reader support built-in.
Component Library
Basic Components
Buttons
Primary, secondary, danger, sizes & states
Form Inputs
Text, email, password, textarea & validation
Form Elements
Checkboxes, radios, switches, file inputs
Alerts
Success, error, warning, info notifications
Cards
Basic, with images, actions & project cards
Progress
Bars, spinners, skeleton loaders
Layout & Navigation
Form Components
Ready to Start Building?
All components are production-ready and tested across devices. Each component page includes usage examples, code snippets, and accessibility guidelines.