제품 개요
Elastic UI (EUI) is Elastic's open-source React-based UI framework for building consistent, accessible, and performant web applications, primarily used in Elastic's products like Kibana, Elasticsearch, and enterprise tools. It provides a comprehensive set of reusable components, design tokens, and guidelines to ensure scalability and brand alignment across data-heavy dashboards and admin interfaces. Component Library: 100+ React components like tables, forms, charts, modals, and navigation with variants for themes (light/dark). Design Tokens: Semantic colors, typography, spacing, icons, and motion for theme consistency. Accessibility: WCAG-compliant with ARIA support and keyboard navigation. Tools: Documentation with code examples; integrates with Elastic Stack for data visualization.
추천 대상
디자인 토큰: Semantic 색상, 타이포그래피, 간격, 아이콘, 및 motion 를 위한 theme consistency. 접근성: WCAG-compliant 를 사용한 ARIA 지원 및 keyboard navigation. 도구: Documentation 를 사용한 코드 examples; 통합합니다 를 사용한 Elastic Stack 를 위한 데이터 visualization.
주요 기능
- 컴포넌트 라이브러리: 100+ React 컴포넌트 같은 tables, forms, charts, modals, 및 navigation 를 사용한 variants 를 위한 themes (light/dark).
- 디자인 토큰: Semantic 색상, 타이포그래피, 간격, 아이콘, 및 motion 를 위한 theme consistency.
- 접근성: WCAG-compliant 를 사용한 ARIA 지원 및 keyboard navigation.
- 도구: Documentation 를 사용한 코드 examples; 통합합니다 를 사용한 Elastic Stack 를 위한 데이터 visualization.
장점
- +오픈 소스
- +방대한 아이콘 라이브러리
- +색상 팔레트 생성
- +접근성 대비 검사
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
Backstage Design System
Figma 키트 를 위한 Backstage 개발자 portals 를 사용한 UI 컴포넌트 및 guidelines.
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.
Evergreen
오픈소스 React UI 프레임워크 에 의한 Segment 를 위한 consistent, accessible enterprise applications.
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.
Fluent UI
Microsoft's 오픈소스 UI 프레임워크 를 위한 consistent, accessible experiences 전체에 걸쳐 웹, Windows, iOS, Android, 및 macOS.