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:

Craft consistent, branded digital experiences.
CompanyFigma+1 more
Build consistent, branded digital experiences with an open-source system. Offers design language, accessible elements, developer tools, and Web Components.
Build modern apps with classic Windows 95 charm.
React
Integrate nostalgic Windows 95 UI elements into modern React applications. Create unique, memorable user experiences with familiar retro styling for your web projects.
Accessible components, your styles, no limits.
ReactTailwind CSS
Develop highly accessible, style-agnostic web components. Features 50+ elements, adaptive interactions, robust i18n, and deep customization for any design.

Command Menu