
Paste
Build inclusive, consistent Twilio customer experiences with this open-source design system. Features tokens, components, extensive docs, and accessibility focus.

Paste is the design system for creating consistent and engaging customer experiences at Twilio. It's an open-source project comprising a rich set of tokens and components, backed by comprehensive documentation. This empowers designers and developers to effectively address customer needs and build high-quality interfaces.
With Paste, you can:
- Leverage over 100 components and patterns to rapidly build production-ready UIs.
- Utilize page templates that bring together components and patterns into full-page layouts, driving cohesion.
- Achieve deep customization by creating custom themes and components using its primitives.
- Benefit from 1-to-1 code (React, Typescript) and design (Figma) libraries, streamlining collaboration and ensuring consistency from prototype to production.
A core principle of Paste is accessibility. It's built with considerations for diverse user needs, including screen magnification, voice dictation, color blindness, fine motor control, semantic HTML, and robust keyboard navigation. Paste handles the foundational research, design, and engineering, allowing teams to focus on solving unique customer challenges rather than reinventing UI elements. It's designed for Twilions and Twilio customers alike, integrating smoothly with Flex plugins and CodeExchange apps.