UI kits & design systems

A collection of reusable React and Tailwind components.

Good for

Discovering prepared interface elements and page sections.

A React component library and design system for enterprise interfaces.

Good for

Building data-heavy business applications with established component patterns.

Low-level accessible components for React.

Good for

Creating a custom design system while reusing interaction and accessibility behavior.

A headless component library for several JavaScript frameworks.

Good for

Reusing accessible interaction patterns while controlling component styling.

An open-source design system with customizable components.

Good for

Building a coordinated interface from shared design foundations.

UI components, foundations, and guidance from Atlassian.

Good for

Building product interfaces around a coordinated enterprise design system.

A React application UI kit from the creators of Tailwind CSS.

Good for

Starting a product interface from a coordinated set of components.

A React component library with composable styling and theme support.

Good for

Building consistent application screens from configurable components.

A React component library built on Base UI.

Good for

Building application interfaces with customizable accessible primitives and components.

Copyable React interface components.

Good for

Adding customizable components and visual patterns to an application.

Semantic component classes built for Tailwind CSS.

Good for

Building coordinated interfaces without styling every element from utilities alone.

Copyable React components focused on accessible interface patterns.

Good for

Starting from simple component implementations that you can own and customize.

React components built around Tailwind CSS and the Flowbite design system.

Good for

Adding styled application components to a Tailwind-based project.

Microsoft's React components for Fluent-style interfaces.

Good for

Building applications that follow Fluent design conventions.

A Tailwind CSS component library with semantic class names.

Good for

Assembling styled interface elements with a class-based component workflow.

Unstyled interactive components for web interfaces.

Good for

Designing custom UI while reusing established interaction behavior.

A React component library built around accessible interface patterns.

Good for

Building a coordinated application UI with customizable components.

Copyable components built with React Aria and shadcn-style conventions.

Good for

Owning accessible component source in a Tailwind-oriented application.

A component and styling library with build-time style generation.

Good for

Building typed interfaces while limiting runtime styling work.

A collection of copyable interface components.

Good for

Adding distinctive visual components that you can customize in your codebase.

A React library of components and utility hooks.

Good for

Building feature-rich application screens with coordinated UI controls.

Tailwind-based components following Material Design patterns.

Good for

Building a styled interface with Material-inspired visual conventions.

A React component ecosystem including Material UI.

Good for

Building an application with a broad, coordinated component library.

Copyable React and Tailwind interface components.

Good for

Starting from editable application UI examples and layouts.

Keep in mind

Origin UI is preserved as a legacy collection with limited maintenance. New development continues in coss ui.

A collection of styled components built on reusable UI primitives.

Good for

Starting a design system from coordinated component recipes.

React components and guidance from GitHub's Primer design system.

Good for

Building interfaces that follow Primer's product design conventions.

A design system built with Base UI primitives.

Good for

Starting a React interface from a coordinated Base UI component set.

Accessible React primitives and associated interface tooling.

Good for

Building custom-styled controls from reusable interaction components.

Accessible interaction primitives and components for React.

Good for

Building a custom design system with established accessibility behavior.

A collection of React packages underlying Ant Design.

Good for

Using individual interface components without adopting a complete design system.

Adobe's React implementation of its Spectrum design system.

Good for

Building interfaces with coordinated adaptive components and accessibility patterns.

React components for daisyUI's Tailwind-based styles.

Good for

Using daisyUI patterns through component props and composition.

A React and Figma component system.

Good for

Keeping product design and implementation aligned through shared components.

React and Tailwind components with a retro-inspired style.

Good for

Giving an application a deliberately distinctive visual identity.

A React component library for application interfaces.

Good for

Assembling common screens from a coordinated component set.

Components and starter tooling for SaaS interfaces.

Good for

Building business applications, internal tools, and account-management screens.

Components and blocks for administrative React applications.

Good for

Building internal tools and data-management dashboards with shadcn-style UI.

A collection of component source code and distribution tooling.

Good for

Owning and customizing accessible React components inside your project.

A component collection presented through an interactive Storybook.

Good for

Exploring reusable UI elements and their available variations.

UI components for applications built with Supabase.

Good for

Adding frontend patterns connected to Supabase-backed features.

Prebuilt UI blocks for marketing websites.

Good for

Composing responsive page sections from reusable layouts.

A collection of Tailwind-based interface components and templates.

Good for

Accelerating application and marketing-page design with prepared layouts.

React components focused on dashboards and data presentation.

Good for

Assembling application dashboards from coordinated UI building blocks.

A community collection of CSS and Tailwind interface elements.

Good for

Finding small reusable visual components and styling inspiration.