Skip to main content
UI.S

Twilio Paste

by Twilio

Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems. It is open source and contributions are welcome.

Philosophy

Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems. It is open source and contributions are welcome.

Principles

  • Communication platform focused
  • Accessible (WCAG 2.1 AA)
  • Inclusive design
  • Consistent Twilio brand

Components

Account SwitcherAi Chat LogAlertAlert DialogAnchorAspect RatioAvatarBadgeBlockquoteBreadcrumbButtonButton GroupCalloutCardChart ProviderChat ComposerChat LogCheckboxCode BlockComboboxCorner OrnamentDate PickerDescription ListDetail TextDisclosureDisplay HeadingDisplay Pill GroupEditable Code BlockExample TextFile PickerFile UploaderFlexGridHeadingHelp TextIconIn Page NavigationInline CodeKeyboard KeyLabelListMedia ObjectMenuMeterMinimizable DialogModalMultiselect ComboboxPage HeaderPaginationParagraphPopoverProduct SwitcherProgress BarProgress StepsRadio Button GroupRadio GroupScreen Reader OnlySelectSeparatorSide ModalSide PanelSidebarSidebar NavigationSkeleton LoaderSliderSpinnerStackSummary DetailSwitchTableTabsTextareaTime PickerTimelineToastTooltipTopbarTruncateUser DialogVisual Picker

Details

Platforms
web
Tech
reactstyled-componentstypescript
Features
figmastorybooktokensa11ythemingiconsanimation
Last updated