LocallyGrown Design Showcase
A comprehensive gallery of components, patterns, and design decisions that power the LocallyGrown.net experience
Design Principles
Organic & Warm
Natural colors and rounded corners create a friendly, approachable feel that reflects our local market values.
Mobile First
Every component is designed for touch interaction first, then enhanced for larger screens.
Accessible
WCAG AAA compliant with proper ARIA labels, keyboard navigation, and screen reader support.
Performant
GPU-accelerated animations, lazy loading, and optimized re-renders for smooth 60fps interactions.
Explore the Showcase
Market Components
Mobile-first shopping components with touch optimization
Design System
Colors, typography, spacing, and design tokens
Animations
Spring animations, transitions, and micro-interactions
Form Components
Accessible form controls with validation
Layout Patterns
Responsive layouts and grid systems
Live Examples
Full page implementations and demos
Built With
Modern framework with Svelte 5 runes
Type-safe development
Dynamic theming system
Consistent iconography