Component Library
A comprehensive collection of reusable, accessible, and mobile-first components that power the LocallyGrown experience.
Market Components New
E-commerce and product browsing components
Form Controls Updated
Input fields, selects, and form validation
Navigation
Headers, menus, and navigation patterns
Feedback
Alerts, toasts, and loading states
Data Display
Tables, lists, and data visualization
Layout
Containers, grids, and spacing utilities
Featured Components
ProductCard
Mobile-optimized product display with touch feedback, animations, and quick actions.
View Component →FormControls
Accessible form components with built-in validation and touch-friendly interactions.
View Component →Navigation
Headers, menus, and navigation patterns optimized for mobile and desktop.
View Component →Component Guidelines
🎯 Purpose-Built
Each component solves a specific problem and follows the single responsibility principle.
📱 Mobile-First
All components are designed for touch interaction first, with 48px minimum touch targets.
♿ Accessible
ARIA labels, keyboard navigation, and screen reader support are built into every component.
🎨 Themeable
Components use CSS custom properties for easy theming and market customization.
⚡ Performant
Optimized for 60fps animations with GPU acceleration and efficient re-renders.
📝 Documented
Every component includes examples, prop documentation, and usage guidelines.