Pando Design System
Pluralsight's 오픈소스 디자인 시스템 를 위한 consistent, accessible 웹 interfaces.
제품 개요
Pando is Pluralsight's official open-source design system, providing guidelines, styles, and React components to build consistent, accessible, and user-friendly interfaces for web apps. It includes semantic tokens, headless styles, and a React library (@pluralsight/react) for flexible customization, with support for dark/light/system themes. Pando v1 is the latest, focusing on composability and ease for React developers, with documentation and examples for integration. React Components: Composable library with accessibility built-in. Themes: Dark (default), light, system modes with semantic tokens. Customization: Headless styles and design tokens for extension. Tools: Design tokens package, icons, and presets.
추천 대상
Themes: Dark (default), light, 시스템 modes 를 사용한 semantic tokens. 사용자 정의: Headless styles 및 디자인 토큰 를 위한 확장 기능. 도구: 디자인 토큰 package, 아이콘, 및 presets.
주요 기능
- React 컴포넌트: Composable 라이브러리 를 사용한 접근성 내장.
- Themes: Dark (default), light, 시스템 modes 를 사용한 semantic tokens.
- 사용자 정의: Headless styles 및 디자인 토큰 를 위한 확장 기능.
- 도구: 디자인 토큰 package, 아이콘, 및 presets.
장점
- +오픈 소스
- +방대한 아이콘 라이브러리
- +색상 및 크기 커스터마이징 가능
- +포괄적인 디자인 시스템
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
Porsche Design System
오픈소스 프레임워크 를 위한 consistent, 프리미엄 automotive digital interfaces.
Orbit
Kiwi.com's 오픈소스 디자인 시스템 를 위한 consistent, accessible travel booking interfaces.
Pajamas
GitLab's 오픈소스 디자인 시스템 를 위한 consistent, accessible interfaces 전체에 걸쳐 products.
Palmetto Design System
오픈소스 디자인 시스템 를 위한 consistent, accessible solar energy product interfaces.
Paste
Twilio's 오픈소스 디자인 시스템 를 위한 consistent, accessible communication product interfaces.
Primer Design System
GitHub's 오픈소스 디자인 시스템 를 위한 consistent, accessible 웹 interfaces.
Radius Design System
Rangle's Meta-프레임워크 accelerating custom 디자인 시스템 creation 를 사용한 도구 및 키트.
Salt Design System
J.P. Morgan's 오픈소스 프레임워크 를 위한 accessible, 사용자 정의 가능 financial interfaces.
Slack Block Kit
modular UI 프레임워크 를 위한 구축 풍부한, 인터랙티브 messages 및 apps 에서 Slack.
Paradigm Design System
Mail.ru/VK's 오픈소스 프레임워크 를 위한 consistent 웹 interfaces.