Evergreen
open-source React UI framework by Segment for consistent, accessible enterprise applications.
Product Overview
Evergreen is an open-source React UI framework developed by Segment (now part of Twilio) for building performant, accessible web applications with a focus on enterprise-grade consistency and developer productivity. It provides a set of polished, modular components that follow modern design principles, making it ideal for internal tools, dashboards, and data-heavy interfaces. Evergreen emphasizes primitive components that can be composed flexibly, with built-in accessibility and theming support. Component Library: Primitive yet powerful elements like buttons, inputs, tables, popovers, and toasts with extensive variants. Design Tokens: Customizable themes for colors, typography, spacing, and shadows. Accessibility: WCAG-compliant with ARIA support and keyboard navigation. Lightweight: No external dependencies beyond React; easy integration.
Best For
Design Tokens: Customizable themes for colors, typography, spacing, and shadows. Accessibility: WCAG-compliant with ARIA support and keyboard navigation. Lightweight: No external dependencies beyond React; easy integration.
Key Features
- Component Library: Primitive yet powerful elements like buttons, inputs, tables, popovers, and toasts with extensive variants.
- Design Tokens: Customizable themes for colors, typography, spacing, and shadows.
- Accessibility: WCAG-compliant with ARIA support and keyboard navigation.
- Lightweight: No external dependencies beyond React; easy integration.
Pros
- +Open source
- +Color palette generation
- +Accessibility contrast checking
- +Comprehensive design system
Cons
- -Adoption requires team alignment
- -Customization can be complex
/// SPECS
- Pricing:Free
- Platform:Browser
Base Gallery
Figma community file showcasing a collection of UI components for design inspiration and prototyping.
Atlassian Design System
comprehensive guidelines and Figma components for consistent, accessible product interfaces.
Carbon Design System
IBM's open-source UI framework for consistent, accessible enterprise products.
Cloudscape Design System
AWS open-source UI framework for consistent, accessible enterprise cloud applications.
Elastic UI
open-source React framework for consistent, accessible enterprise interfaces.
SAP Design System
open-source framework for consistent, accessible enterprise UI across SAP products.
Flowbite Design System
open-source Tailwind CSS component library with Figma kit for rapid UI building.
Forma 36 Design System
Contentful's open-source design system for consistent, accessible content management interfaces.
Friday Design System
open-source Figma UI kit for rapid prototyping with customizable components.
Fluent UI
Microsoft's open-source UI framework for consistent, accessible experiences across web, Windows, iOS, Android, and macOS.