JSPM

Storybook: Develop, document, and test UI components in isolation

An enterprise-class UI design language and React components implementation

Highly customizable notification snackbars (toasts) that can be stacked on top of each other

America's next top modal

A React library for subscribing to scroll events

A React Component for rendering dynamically positioned Tooltips

A React component that visually hides its content

[React](https://react.dev/) UI components for the [AI SDK](https://ai-sdk.dev/docs):

A React component used to alert users of a particular screen area that needs user action

TypeScript/React library for AI Chat

Type safe CSS-in-JS API heavily inspired by react-jss

styled() API wrapper package for emotion.

A React component and hooks wrapper for popper.js

React component for progressive image loading

Utilities for creating robust overlay components

A Chakra UI wrapper for the popular library React Select

Aria live region for React components

A React Checkbox component for use in forms

A Generic, extendible Carousel UI component for React using Material UI

A React component optimized for entering sequences of digits

Provides hooks used in gluestack-ui

Material UI 4 theme, fields and widgets for react-jsonschema-form

A universal headless overlay component for React Native, Next.js & React

User-friendly query builder for React. Core React UI

A React component used to show users avatar or initials

Skip navigation links for screen reader and keyboard users

A React component to render custom Radio input types

Material-UI SvgIcon components for Material Design Icons.

A React component for displaying spinners and loaders

A React component for input text field

A React component to render accessible menus

Register child nodes of a react element for better accessibility

Common transition components for Chakra UI

React component to provide validation states to form fields

Accessible slider component for React that implements <input type=range>

React component used to render children outside the DOM hierarchy of the parent component

A React component to render that renders its content in a popover

Transitions animations for React Native, Next.js & React

React component and hooks for handling light and dark mode.

A simple and accessible accordion component for React & Chakra UI

Accessible Tabs component for React and Chakra UI

Chakra UI layout components that give you massive speed

A React hook for managing counters

React component library for creating chat interfaces

An enterprise-class UI design language and React-based implementation

A React hook for changing properties or visibility of a component based on css media query

A Quick description of the component

React hook to track pan events

A React component to view and switch between on or off states.

Common UI components for InstantSearch.

A universal headless icon component for React Native, Next.js & React

A universal headless form-control component for React Native, Next.js & React

A React package for Untitled-UI icons

A universal headless Button component for React Native, Next.js & React

Datatables for React using Material-UI

A Select control built with and for ReactJS

A universal headless provider component for React Native, Next.js & React

A universal headless Spinner component for React Native, Next.js & React

AtomCheckbox is a component that displays an input checkbox w/ its expected behavior

A React component that is a base button.

A universal headless Divider component for React Native, Next.js & React

`MoleculeCheckboxField` is the combination of and `AtomCheckbox` and a `checkboxField`

A React component for displaying statistics

Material UI 5 theme, fields and widgets for react-jsonschema-form

A universal headless avatar component for React Native, Next.js & React

Ignite UI React Core.

A universal headless Pressable component for React Native, Next.js & React

A universal themed components for React Native, Next.js & React

A universal headless Switch component for React Native, Next.js & React

A universal headless Checkbox component for React Native, Next.js & React

A universal headless toast component for React Native, Next.js & React

A universal headless input component for React Native, Next.js & React

A universal headless Button component for React Native, Next.js & React

<div align="center"> <a href="https://react-hook-form-material-ui.vercel.app/" rel="noopener" target="_blank"> <img src="./rhf-mui.png" alt="Material-UI and react-hook-form combined" /> </a> </div>

A Material-UI file-upload dropzone

A universal headless Radio component for React Native, Next.js & React

A universal headless tooltip component for React Native, Next.js & React

Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

Storybook for React and Vite: Develop, document, and test UI components in isolation

A universal headless Link component for React Native, Next.js & React

A universal headless progress component for React Native, Next.js & React

A universal headless fab component for React Native, Next.js & React

Storybook Addon for Material UI Library

Material-UI templates for DevExtreme React Grid component

A universal headless Alert component for React Native, Next.js & React

A universal headless slider component for React Native, Next.js & React

A universal headless actionsheet component for React Native, Next.js & React

A universal headless text-area component for React Native, Next.js & React

User interface components and web dashboard for Kubb, providing a visual interface for managing and monitoring code generation.

A universal headless Popover component for React Native, Next.js & React

Joy UI is an open-source React component library that implements MUI's own design principles. It's comprehensive and can be used in production out of the box.

Storybook for React and Webpack: Develop, document, and test UI components in isolation

A universal headless select component for React Native, Next.js & React

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

The lightest colorpicker for React Material-Ui. No dependencies. It uses Hooks and support Typescript, and more !

React hook for state management in chat applications

A Material-UI file-upload dropzone. Written in TypeScript.

A universal headless menu component for React Native, Next.js & React

🌲 React UI Kit by Segment 🌲

A Material-UI-v5 file-upload dropzone

Material-UI Theming - The React theme context to be shared between `@material-ui/styles` and `@material-ui/core`.

Material-UI Styled - Wrapper package for emotion.

A universal headless modal component for React Native, Next.js & React

Textarea React component for Chakra UI

`MoleculeDropdownList` is a composition of DropdownOptions

Responsive React UI components

`MoleculeDropdownOption` is a component that wraps a composition of checkbox + text.

`MoleculeSelect` is a customized `select` created from a combination of `AtomInput`, `MoleculeInputTags`, `MoleculeDropdownList` and `MoleculeDropdownOption`

Floating UI for React Native

This component displays as a tag with an optional link and/or button to remove the given tag.

React Hooks library for remote data fetching

Grafana Components Library

Themed configuration for gluestack-ui components

A universal headless alert-dialog component for React Native, Next.js & React

A framework for building native apps using React

Gatsby plugin for Material-UI with built-in server-side rendering support

styled() API wrapper package for styled-components.

A utility function package for @gluestack-ui/nativewind

Material-UI templates for DevExtreme React Scheduler component

Atom Element: SUI button

Codemod scripts for Material-UI.

A file input designed for the React library MUI

A React component used for navigation, with each item acting as a link

⚡ Lightning-fast search for React, by Algolia

Data visualization components for Chakra UI

A Material-UI file-upload dropzone. Written in TypeScript.

Display images as per the Material guidelines. For React apps using Material-UI.

The UI SDK for LangGraph - seamlessly integrate your AI agents with frontend interfaces

UI components for file uploads with React js

A universal headless accordion component for React Native, Next.js & React

A powerful toolkit to enhance your development experience with Jotai

Infinite nested material menus

A Model Context Protocol (MCP) server for shadcn/ui components, providing AI assistants with access to component source code, demos, blocks, and metadata.

A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.

Simple, Easy To Use and Customisable ScrollSpy component for react with callback, typescript and throttle support among others

A chips input designed for the React library MUI

Datepickers built with Semantic UI for React and Dayzed

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

The lightest colorpicker for React Mui v5. No dependencies. It uses Hooks and support Typescript, and more !

Gravity UI base styling and components

Utility functions and hooks for gluestack-ui

A React and Chakra UI close button component.

Saas UI theme package

A custom Chakra UI component that adds ready-made styles for rendering remote HTML content.

> Atom Element: SUI Tag

A package for radial-axis visualizations https://williaster.github.io/data-ui

> Atom Element: SUI badge

[](./LICENSE)

An accessible dialog (modal) component for React & Chakra UI

A react component to format phone numbers

Easily use Headless UI for React with Floating UI (Popper.js)

Search UI for Elasticsearch.

A full featured, unstyled tag input component for React

It is a trap! (for a focus)

`MoleculeInputTags` is an `AtomInput` with the behavior of adding/removing `AtomTag` as a list

> An animated loop used for giving users feedback while the content of a page or section is being loaded.

Saas UI - The React component library for startups.

The best and most complete React library for managing file uploads. Multilanguage support. Server side support. Material design styles. Code generator on webpage.

Set of modern wrapper components to facilitate using Material UI with React Final Form

Saas UI - The React component library for startups.

Conform view adapter for react

Material-UI templates for DevExtreme React Chart component

A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.

Hooks for building lightweight, fast and extendable datagrids for React

A collection of 50+ hooks for state and UI management

Responsive, theme-based style props for building design systems with React

TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!

JSON-Schema based UI and Form Generator for React, for any Design-System

Saleor's UI component library

A comprehensive React component library for Tonic UI.

Official React components built for Flowbite and Tailwind CSS

A phone number input designed for the React library MUI built with libphonenumber-js

Nprogress Component

> Inputs are the text fields that users fill in with different types of information. These include dates, passwords or even short answers. It’s a field where users can write alphanumeric texts.

A set of React Hooks specifically for use with Tonic UI components.

A chip input field using Material-UI.

React utilities and helpers for Chakra UI

Design Language System (DLS) for ACT & Encoura front-end projects.

TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!

An opinionated toast component for React.

> Atom Element: Icon

Saas UI react hooks

`MoleculeButtonGroup` is a component that wraps a group of buttons, related in content.

`MoleculeAutosuggest` is an input that will display a list of suggestions while values are entered It allows Single and Multiple Selection

`MoleculeSelectField` is a component that wraps a composition of Label + some input (input, textarea, ...) + Validation Messages for a [`MoleculeSelect`](https://sui-components.now.sh/workbench/molecule/select/demo) component

Performant, flexible and extensible forms library for React Hooks

Data-table Component

SUI Breadcrumb Basic

`MoleculeTextareaField` is a component that wraps a composition of Label + Textarea + Validation Messages.

`MoleculeBadgeCounter` is a component used for warning the user about new content or updates

Cross Platform React Native UI Toolkit

<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />

Cross Platform React Native UI Toolkit

nlux React is a library for building conversational AI interfaces, with support for OpenAI, HuggingFace, and more.

> The Label is the name of the associated field, that explains what is the about. It should be clear, concise and short.

Display the loading state of a component while avoiding layout shift

A simple yet functional GraphQL client.

> Notifications offer users information on the system. The content may confirm that an action has been performed correctly, warn the user of an error or simply give information on certain circumstances.

Ignite UI React charting components for building rich data visualizations using TypeScript APIs.

react simple animate

Currency input textfield for react with Material-ui style

React component for editing or viewing JSON/object data

CARTO for React - UI

Material UI textfield

Material style search bar

A component that shows a popover to select data.

> Description

AtomRadioButton is a component that displays an input radio w/ its expected behavior

`MoleculeField` is a component that wraps a composition of Label + some input (input, textarea, ...) + Validation Messages.

A set of SVG icons available as React components for use in Tonic UI.

AtomTextarea a component that wraps a textarea displaying the text passed in the `value` prop

AtomImage is a component that loads an image inside, maintaining all the accesibility attributes. This component can be set to show a placeholder image, a skeleton and/or a spinner while the final image is being loaded. This component will also show an Er

> Basic component for tabs allowing versions with or without icons and classic or highlighted variants

> Help Text is a feedback that the system gives users to make them clearly understand which information is required

`MoleculeInputField` is a component that wraps a composition of Label + Textarea + Validation Messages.

`MoleculePagination` is a component that displays a range of pages with the current page highlighted and the proper buttons to navigate across the available pages in the entire range of total pages

> Description

nlux is JavaScript and React library for building conversational AI interfaces, with support for OpenAI, Hugging Face, and more.

Datatable for React based on https://material-ui.com/api/table/ with additional features

`MoleculeRating` will display a rating showing how good or popular someone o something is.

Shared hooks and utils used by Minimal UI and Zone UI.

Headless React components intended for creating custom UI elements.

React components, that implements material design pickers for material-ui v4 with updated material ui

Handcrafted Library of Tailwind CSS UI Components & Blocks for HTML, React and Vue.

A reusable React component library and design system with TypeScript support, built on Vite for seamless integration and optimized performance.

Ultraviolet UI

A color input designed for the React library MUI built with TinyColor

Instantsearch client for Searchkit. Polyfills Algolia API for Elasticsearch

React UI components library by Scaleflex Company

Blazing Fast React UI Primitive

Storybook Addon for Material UI 5 Library

A modal manager for Chakra UI

React component library for the Assisted Installer UI

> The accordion is the component that contains collapsible components that allows the user to expand or collapse the content. We use this component to reduce the content of a page or section.

Decentraland's UI components and styles

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

> Validation text is used for indicating whether the entered data is correct. It is provided by using the "Help Text" plus one color each.

A react SELECT component based on react-select and looking like a material-ui component

> Custom input component to handle phone validation. Gives the user a prefix selector and a phone number input. It also handles the phone number validation and the prefix selection.

Shared @data-ui components used across multiple packages

Custom Chakra UI components for react-querybuilder

This component shows a parent checkbox with children that their controls his own state.

SmartHR ui components built with React.

Tiptap CLI

Bootstrap 5 & React 18 UI KIT - 700+ components, MIT license, simple installation.

Addon component wrappers for common UI transitions.

`MoleculeCoachmark` is a wrapper of the [react-joyride](https://react-joyride.com/) library in order to create smooth guided tours in the apps to explain new features to the users.

The lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data r

Minimalistic and smooth touch carousel component for React ⚛️

A beautiful, minimalistic React + Tailwind UI framework for SaaS applications