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

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

Ant Design

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

Blueprint

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

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

Fluent 2

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

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

Material Design

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

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

Polaris

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

Spectrum

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

Vuetify

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

Radix

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

Useful for displaying a visual separator between parts of content. Used to divide sections of an article or to divide inline text and links, such as the operation column of a table.

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

Disy

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

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

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

Tetrisly

Divider

orientation

Use inset dividers to separate related content within a section. Indents the divider with equal padding on both sides. Reduces max height for vertical.

inset

size

variant

Youtube Music - Sidebar: Separating nav options and playlists