Components

Explore reusable UI components and design-system resources.

81 Components sites with bilingual introductions and official links.

Altair

Declarative statistical visualization

  • charts
  • visualization

Components

AntV

Tools for graphical and relational visualization

  • charts
  • visualization

Components

Chart.js

Common charts rendered with canvas

  • charts
  • visualization

Components

D3

JavaScript data-driven graphics

  • charts
  • visualization

Components

Fractal

Documentation and display for interface components

  • components
  • documentation

Components

Histoire

Stories for Vue and Svelte components

  • components
  • documentation

Components

Ladle

Development stories for React components

  • components
  • documentation

Components

Nivo

Data visualization with React components

  • charts
  • visualization

Components

Polaris

Design guidance for commerce applications

  • components
  • documentation

Components

Vega

Specifications for interactive data graphics

  • charts
  • visualization

Components

Victory

Composable React chart components

  • charts
  • visualization

Components

98.css

98.css recreates the look of classic Windows interfaces.

  • css
  • ui

Components

Aceternity UI

Aceternity UI catalogs React components with visual effects.

  • components
  • react

Components

Ant Design

Ant Design publishes interface guidelines and component documentation.

  • components
  • react

Components

Ariakit

Ariakit focuses on interactive React components.

  • components
  • react

Components

Base UI

Base UI provides React components intended for custom styling.

  • components
  • react

Components

Bootstrap

Bootstrap is a frontend framework with ready-made component styles.

  • components
  • css

Components

Bulma

Bulma is an interface framework built around CSS classes.

  • components
  • css

Components

Chakra UI

Chakra UI combines React components with a styling system.

  • components
  • react

Components

coss ui

coss ui provides a component catalog built on Base UI.

  • components
  • react

Components

daisyUI

daisyUI provides component classes on top of Tailwind CSS.

  • components
  • ui

Components

Evergreen

Evergreen provides React components for product interfaces.

  • components
  • react

Components

Fluent 2

Fluent 2 is Microsoft's interface design system.

  • components
  • react
  • design-system

Components

Foundation

Foundation for Sites provides responsive interface components.

  • components
  • css

Components

Framework7

Framework7 provides frontend components with mobile interface patterns.

  • components
  • mobile-ui

Components

gluestack UI

gluestack UI provides interface components for React Native.

  • components
  • react-native

Components

GOV.UK Design System

GOV.UK Design System documents components and patterns for government services.

  • components
  • design-system

Components

Grommet

Grommet provides React components and design resources.

  • components
  • react

Components

Halfmoon

Halfmoon is a frontend styling framework with color mode guidance.

  • css
  • ui

Components

Headless UI

Headless UI is a component library for React and Vue with styling left to the product team.

  • components
  • react
  • vue

Components

HeroUI

HeroUI provides React components and example-driven documentation.

  • components
  • react

Components

Kobalte

Kobalte provides unstyled components for Solid.

  • components
  • solid

Components

Magic UI

Magic UI catalogs React interface components with code examples.

  • components
  • react

Components

Mantine

Mantine offers React components and interface tools, including forms.

  • components
  • react

Components

Materialize

Materialize provides CSS components with a Material Design look.

  • components
  • css

Components

Melt UI

Melt UI offers component builders for Svelte.

  • components
  • svelte

Components

Material UI

Material UI is a React component library with several visual levels for buttons.

  • components
  • react

Components

MVP.css

MVP.css styles semantic HTML elements by default.

  • css
  • ui

Components

NES.css

NES.css provides CSS components with an 8-bit game look.

  • css
  • ui

Components

Onsen UI

Onsen UI offers components for mobile web interfaces.

  • components
  • web-components

Components

Oruga

Oruga is a Vue component library that can use different CSS themes.

  • components
  • vue

Components

PaperCSS

PaperCSS offers CSS components with a hand-drawn paper feel.

  • css
  • ui

Components

PatternFly

PatternFly provides design and development guidance for product interfaces.

  • components
  • react
  • design-system

Components

Pico CSS

Pico CSS styles semantic HTML with a small set of interface rules.

  • components
  • css

Components

Preline UI

Preline UI provides interface components built with Tailwind CSS.

  • components
  • css

Components

Primer

Primer documents design and implementation resources for GitHub product interfaces.

  • components
  • react
  • design-system

Components

PrimeVue

PrimeVue provides Vue components and themes.

  • components
  • vue

Components

Pure CSS

Pure CSS provides lightweight responsive CSS modules.

  • css
  • ui

Components

Radix UI

Radix UI provides React interaction primitives that you can style yourself.

  • components
  • react

Components

React95

React95 provides React components inspired by Windows 95.

  • components
  • react

Components

Reka UI

Reka UI provides unstyled interactive components for Vue.

  • components
  • vue

Components

Shoelace

Shoelace provides Web Components that work across frameworks.

  • components
  • web-components

Components

Simple.css

Simple.css gives native HTML elements consistent base styling.

  • css
  • ui

Components

Tamagui

Tamagui provides interface components for React and React Native.

  • components
  • react
  • react-native

Components

UIkit

UIkit is a frontend framework with CSS and JavaScript components.

  • components
  • css

Components

U.S. Web Design System

The U.S. Web Design System provides components and guidance for U.S. government sites.

  • components
  • design-system

Components

Vuetify

Vuetify provides Material Design components for Vue.

  • components
  • vue

Components

Zendesk Garden

Zendesk Garden documents components and design patterns.

  • components
  • react
  • design-system

Components

21st.dev

A component resource for starting product interfaces with reusable implementation ideas.

  • components
  • react
  • ui

Components

Component Gallery

A reference site for browsing and comparing design-system components.

  • components
  • design-system
  • reference

Components

Cursify

A frontend resource for exploring custom cursor and pointer interactions.

  • cursor
  • css
  • interaction

Components

Fancy Components

A frontend reference for interface components and visual effects.

  • components
  • ui
  • frontend

Components

NumberFlow

A UI component for presenting changing numbers with visual continuity.

  • numbers
  • animation
  • ui

Components

React Bits

An open-source resource for React components, text effects, and backgrounds.

  • react
  • components
  • animation

Components

shadcn/ui

A React component resource that provides code you can copy into a project.

  • components
  • react
  • accessibility

Components