Responsive, Accessible, Themed Components
A comprehensive component library designed with responsive, accessibility-first principles. Create beautiful, inclusive user experiences that work perfectly on all devices with our CSS, Marko, and React components.
Stylish & Responsive
Modern, fully responsive components, suitable and safe for any screen size, small to large
Developer Friendly
Easy-to-use APIs with comprehensive documentation and examples
Accessibility First
WCAG 2.2 AA aligned components built for everyone, on every device.
Many ways to build
Choose from our comprehensive collection of fully responsive components across different technologies, all built with accessibility and performance in mind for every device.
Evo CSS Components
Pure CSS components with modern styling, animations, and fully responsive design patterns.
- Semantic HTML
- Maintainable BEM Conventions
- CSS Variables
Evo Marko Components
High-performance Marko components optimized for server-side rendering and small bundle size.
- Server-Side Rendering
- Responsive Streaming
- Component Isolation
Evo React Components
Robust React components built with hooks, context, and full TypeScript support for modern web applications.
- TypeScript Support
- Jest Testing
- Storybook
Web Guides & Best Practices
A variety of documentation on web standards best practices and guides.
- Accessibility Guides
- Responsive Web Design Guides (coming soon)
- CSS Animation Guides
Made for every screen
Beautiful, responsive components that reflow seamlessly across any viewport size, layout or orientation.
Responsive Standards
- Mobile-First Design
- Scalable Typography
- Container Queries
- Flexible Grid Systems
- Touch Target Optimization
- Progressive Enhancement
Cross-Device Testing
Every component is tested across multiple devices and screen sizes to ensure consistent performance and visual appeal in line with our browser support policy .
Mobile-First
Designed with mobile browser users in mind, ensuring fast loading and intuitive experiences in all small viewports, regardless of device.
Tablet Transition
Seamless transitions between portrait and landscape orientation with touch-optimized interactions.
Desktop Optimization
Components that take full advantage of additional space with optimal layouts and typography.
Built for everyone
Accessibility isn't an afterthought — it's fundamental to how we build. Every component must consider users of all abilities.
Visual Accessibility
High contrast ratios, scalable fonts, and layouts that reflow on zoom, ensuring content is perceivable by all users.
Keyboard Navigation
Full keyboard support with logical tab order, focus indicators, and ARIA widget-based interfaces for seamless navigation.
Screenreader Support
Semantic HTML structure, ARIA roles, and relevant live region updates to ensure content is accessible to screen reader users.
Accessibility Considerations
- WCAG 2.2 AA
- Semantic HTML
- ARIA Roles, States & Properties
- Keyboard Support
- Screen Reader Support
- Color Contrast
Accessibility Testing
All components undergo rigorous testing with keyboard, screen readers, and automated accessibility tools aligned with WCAG compliance and our screen reader or browser combinations .