A favicon of Paste

Paste

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

Visit Paste
A screenshot of PasteVisit

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.

Share:

Similar to Paste:

Your toolkit for crafting unified user interfaces.
CompanyFigma+2 more
Access design foundations, versatile components (Rails/React), layout tools, and developer guides for creating cohesive digital products. Supports SCSS & JS.
Building cohesive Wikimedia experiences.
CompanyFigma
Build consistent, accessible, and user-friendly interfaces for Wikimedia projects. Access a comprehensive library of components and guidelines.
Design better, develop faster, together.
CompanyFigma
Build consistent, high-quality digital products faster with reusable components and clear standards. Improve user experiences and development efficiency.

Command Menu