Pando Design System
Pluralsight's open-source design system for consistent, accessible web interfaces.
Product Overview
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.
Best For
Themes: Dark (default), light, system modes with semantic tokens. Customization: Headless styles and design tokens for extension. Tools: Design tokens package, icons, and presets.
Key Features
- 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.
Pros
- +Open source
- +Extensive icon library
- +Customizable colors and sizes
- +Comprehensive design system
Cons
- -Adoption requires team alignment
- -Customization can be complex
/// SPECS
- Pricing:Free
- Platform:Browser
Orbit
Kiwi.com's open-source design system for consistent, accessible travel booking interfaces.
Pajamas
GitLab's open-source design system for consistent, accessible interfaces across products.
Palmetto Design System
open-source design system for consistent, accessible solar energy product interfaces.
Paste
Twilio's open-source design system for consistent, accessible communication product interfaces.
Porsche Design System
open-source framework for consistent, premium automotive digital interfaces.
Primer Design System
GitHub's open-source design system for consistent, accessible web interfaces.
Radius Design System
Rangle's meta-framework accelerating custom design system creation with tools and kits.
Salt Design System
J.P. Morgan's open-source framework for accessible, customizable financial interfaces.
Slack Block Kit
modular UI framework for building rich, interactive messages and apps in Slack.
Paradigm Design System
Mail.ru/VK's open-source framework for consistent web interfaces.