Skip to main content


Before creating a new design, please make sure something similar doesn’t already exist. Use this list as a reference for existing Sketch based components.

“Code based” label means that we have the component in both Sketch Toolkit and Duet’s Components. If you’re wondering whether to create a new component or extend an existing one, you might find this chart useful.

Text components #

Button components #

Form components #

Generic components #

Messaging components #

Chart components #

Additional patterns #

Functionality #