Material 3 is the latest version of Google’s open-source design system. Design and build beautiful, usable products with Material 3.

Material Design

We chose to open-source it to allow the community to design and build their own projects with Primer.

Primer Design System

Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

Spectrum

A toggle button allows a user to pick between 2 states, selected and deselected, such as making an item as a favorite.

Frames X is the one Figma design system and Handbook to streamline your workflow, help complete projects faster, and get paid more by managing more clients efficiently.

Frames X

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.

Untitled UI

10X your speed while becoming a Figma expert.

UI Prep

Design faster with Wedges. The free, ever-expanding design system for Figma.

Wedges

Design UI interfaces and simplify the process of integrating into live websites with Tailwind CSS using this professional Figma design system featuring 1000+ component variants, responsive pages, dark mode, and auto-layout.

Flowbite

AlignUI is an advanced design system for Figma that offers comprehensive and high-quality components, as well as customizable dashboards, widgets, and templates tailored for different sectors and purposes.

AlignUI

Help designers/developers building beautiful products more flexible and working with happiness.

Ant Design

Disy is a minimalist Design System/UI Kit to help you build human-centered product experience.

Disy

Tetrisly is constantly updated with the newest Figma features like variables, auto-layout, properties, nested instances.

Tetrisly

Toggle Button

Changes the size of the toggle button, giving it more or less padding.

size

The color of the component. It supports those theme colors that makes sense for this component.

variant

The shape of the component. It determines the importance in the hierarchy. The contained button commands the most attention

appearance

startIcon

endIcon

Disables the toggle button, disallowing user interaction.

isDisabled

If true, the toggle button will be rendered in an active state. Applies the boolean state as the aria-pressed property to created a toggle button.

isSelected

Force disables the button and changes the icon to a loading spinner.

isLoading

isFullWidth

Callback fired when the component is clicked.

onClick

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

Elastic UI

A collection of UX frameworks you can use to build Fluent experiences that fit seamlessly into a broad range of Microsoft products.

Fluent 2

Welcome to our curated collection of UI goodness, the Zendesk Garden. The Garden is where we grow user interface components for Zendesk products.

Garden

Material UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system.

Material UI

Atlassian's official UI library, built according to the Atlassian Design Guidelines.

Atlassian Design System

The Base design system defines the foundations of user interfaces across Uber's ecosystem of products & services. It brings all Uber experiences together under a single, unified framework.

Base

Blueprint is an open source project developed at Palantir. A react - based UI toolkit for the web.

Blueprint

The Angular team builds and maintains both common UI components and tools to help you build your own custom components. The team maintains several npm packages.

Angular Material

Vuetify is a no design skills required Open Source UI Library with beautifully handcrafted Vue Components.

Vuetify

The UI building blocks for creating a cohesive design across Pluralsight products.

Pluralsight Design System

An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.