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

Atlassian Design System

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

Material Design

Pajamas is here to make it as comfortable as possible for anyone to contribute towards GitLab. You will find information such as our principles, components, usage guidelines, branding, research methodologies, and more!

Pajamas

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

Toasts are shown as a floating box typically in the top right of the page. They can optionally be displayed on other edges of the screen (top-left, bottom-left, etc). Toasts provide limited space for content, and therefore the content must be short and concise, providing immediate feedback in response to a user action or informing users of a process that the app has performed or will perform.

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

Ant Design

10X your speed while becoming a Figma expert.

UI Prep

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

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

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

Toast

title

Message to display in the body of the Toast

description

Whether the Toast has a contextual icon displayed in the top-left representing the type of message.

hasIcon

primary and/or secondary clickable actions to be shown at the bottom of the Toast.

actions

Specifies the position of the toast on the screen

placement

Defines the semantic meaning and color of the Toast

variant

A timeout to automatically close the toast after, in milliseconds.

timeout

Whether to show the close button in the toast

hasCloseButton

Callback invoked to close the toast. Can be triggered from the close icon.

onClose

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

Blueprint

Our components are a collection of interface elements that can be reused across the Shopify system.

Polaris

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

Radix

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Chakra UI

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

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

Carbon is IBM’s open-source design system for products and experiences. 

Carbon Design System

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

Garden

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.

Mantine

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

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