Evergreen
오픈소스 React UI 프레임워크 에 의한 Segment 를 위한 consistent, accessible enterprise applications.
제품 개요
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.
추천 대상
디자인 토큰: 사용자 정의 가능 themes 를 위한 색상, 타이포그래피, 간격, 및 shadows. 접근성: WCAG-compliant 를 사용한 ARIA 지원 및 keyboard navigation. 가벼운: 없음 external dependencies beyond React; 쉬운 통합.
주요 기능
- 컴포넌트 라이브러리: Primitive 아직 강력한 elements 같은 buttons, inputs, tables, popovers, 및 toasts 를 사용한 광범위한 variants.
- 디자인 토큰: 사용자 정의 가능 themes 를 위한 색상, 타이포그래피, 간격, 및 shadows.
- 접근성: WCAG-compliant 를 사용한 ARIA 지원 및 keyboard navigation.
- 가벼운: 없음 external dependencies beyond React; 쉬운 통합.
장점
- +오픈 소스
- +색상 팔레트 생성
- +접근성 대비 검사
- +포괄적인 디자인 시스템
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
Base Gallery
Figma 커뮤니티 file showcasing 컬렉션 의 UI 컴포넌트 를 위한 디자인하다 영감 및 프로토타이핑.
Atlassian Design System
포괄적인 guidelines 및 Figma 컴포넌트 를 위한 consistent, accessible product interfaces.
Carbon Design System
IBM's 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise products.
Cloudscape Design System
AWS 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise 클라우드 applications.
Elastic UI
오픈소스 React 프레임워크 를 위한 consistent, accessible enterprise interfaces.
SAP Design System
오픈소스 프레임워크 를 위한 consistent, accessible enterprise UI 전체에 걸쳐 SAP products.
Flowbite Design System
오픈소스 Tailwind CSS 컴포넌트 라이브러리 를 사용한 Figma 키트 를 위한 rapid UI 구축.
Forma 36 Design System
Contentful's 오픈소스 디자인 시스템 를 위한 consistent, accessible content management interfaces.
Friday Design System
오픈소스 Figma UI 키트 를 위한 rapid 프로토타이핑 를 사용한 사용자 정의 가능 컴포넌트.
Fluent UI
Microsoft's 오픈소스 UI 프레임워크 를 위한 consistent, accessible experiences 전체에 걸쳐 웹, Windows, iOS, Android, 및 macOS.