Paste
Twilio's ouvrir source système de concevoir pour consistent, accessible communication product interfaces.
Aperçu du Produit
Paste is Twilio's official open-source design system for building consistent, accessible, and scalable user experiences in communication products like messaging, voice, video, and customer engagement platforms. It provides reusable UI components, patterns, guidelines, and tools based on modern design principles, with React implementations (Paste Core) and Figma libraries for seamless designer-developer collaboration in enterprise environments. Component Library: Reusable elements like buttons, forms, modals, tables, alerts, and data grids with variants for themes (light/dark) and states. Design Tokens: Semantic colors, typography, spacing, icons (Paste Icons), and motion for brand consistency. Accessibility: WCAG 2.1 AA compliance with ARIA support, keyboard navigation, and inclusive patterns. Tools: Figma kit for prototyping; React library with TypeScript; Storybook for component exploration.
Idéal pour
équipes construction évolutif, consistent digital products.
Fonctionnalités Clés
- bibliothèque de composants: Reusable elements comme buttons, forms, modals, tables, alerts, et données grids avec variants pour themes (light/dark) et states.
- jetons de concevoir: Semantic couleurs, typographie, espacement, icônes (coller icônes), et motion pour marque consistency.
- accessibilité: WCAG 2.1 AA compliance avec ARIA support, keyboard navigation, et inclusive motifs.
- outils: Figma kit pour prototypage; React bibliothèque avec TypeScript; Storybook pour composant exploration.
Avantages
- +Open source
- +Collaboration en temps réel
- +Bibliothèque d'icônes étendue
- +Génération de palettes de couleurs
Inconvénients
- -L'adoption nécessite l'alignement de l'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser
NewsKit
News UK's ouvrir source système de concevoir pour consistent, accessible digital news experiences.
Orbit
Kiwi.com's ouvrir source système de concevoir pour consistent, accessible travel booking interfaces.
Pajamas
GitLab's ouvrir source système de concevoir pour consistent, accessible interfaces à travers products.
Palmetto Design System
ouvrir source système de concevoir pour consistent, accessible solar energy product interfaces.
Pando Design System
Pluralsight's ouvrir source système de concevoir pour consistent, accessible web interfaces.
Porsche Design System
ouvrir source framework pour consistent, premium automotive digital interfaces.
Primer Design System
GitHub's ouvrir source système de concevoir pour consistent, accessible web interfaces.
Radius Design System
Rangle's Meta-framework accelerating custom système de concevoir creation avec outils et kits.
Salt Design System
J.P. Morgan's ouvrir source framework pour accessible, personnalisable financial interfaces.
Paradigm Design System
Mail.ru/VK's ouvrir source framework pour consistent web interfaces.