JSPM

Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.

Material Design icons distributed as SVG React components.

A chat widget library for React and vanilla JavaScript

Floating UI for React DOM

Responsive and accessible React UI components built with React and Emotion

Material Design Svg Icons converted to Material-UI React components.

React hooks for Chakra components

Sidecar code splitting utils

Material-UI System - Design system for Material-UI.

Chakra UI ControlBox component

Floating UI for React

Theme and components agnostic ChakraProvider

Laboratory for new Material UI modules.

Material-UI Utils - Utility functions for Material-UI.

Material-UI Types - Utility types for Material-UI.

Table component for React and Chakra UI

A base React component for icons

React component used to build inline-editable components

The Sanity UI components.

Collection of utilities for integration between Material UI and Next.js.

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

America's next top modal

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

An enterprise-class UI design language and React components implementation

A React library for subscribing to scroll events

A React Component for rendering dynamically positioned Tooltips

A React component that visually hides its content

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

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

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

Aria live region for React components

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

A Chakra UI wrapper for the popular library React Select

A React Checkbox component for use in forms

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

A React component used to show users avatar or initials

User-friendly query builder for React. Core React UI

Skip navigation links for screen reader and keyboard users

Material-UI SvgIcon components for Material Design Icons.

A React component to render custom Radio input types

A React component for displaying spinners and loaders

A React component for input text field

Common transition components for Chakra UI

A React component to render accessible menus

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

Transitions animations for React Native, Next.js & React

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

Register child nodes of a react element for better accessibility

React component to provide validation states to form fields

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

A simple and accessible accordion component for React & Chakra UI

React component and hooks for handling light and dark mode.

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

React hook to track pan events

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

A Quick description of the component

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

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

Common UI components for InstantSearch.

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

A React package for Untitled-UI icons

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

Datatables for React using Material-UI

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

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

A Select control built with and for ReactJS

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

A React component for displaying statistics

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

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

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

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

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

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

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

Ignite UI React Core.

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

A universal headless toast 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 universal headless Radio component for React Native, Next.js & React

A Material-UI file-upload dropzone

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 fab component for React Native, Next.js & React

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

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

Storybook Addon for Material UI Library

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

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

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

A universal headless text-area 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 universal headless menu component for React Native, Next.js & React

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

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

🌲 React UI Kit by Segment 🌲

A Material-UI-v5 file-upload dropzone

Textarea React component for Chakra UI

Material-UI Styled - Wrapper package for emotion.

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

Floating UI for React Native

`MoleculeDropdownList` is a composition of DropdownOptions

Responsive React UI components

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

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

Grafana Components Library

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

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

Themed configuration for gluestack-ui components

A framework for building native apps using React

styled() API wrapper package for styled-components.

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

Material-UI templates for DevExtreme React Scheduler component

A utility function package for @gluestack-ui/nativewind

Atom Element: SUI button

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

Codemod scripts for Material-UI.

⚡ Lightning-fast search for React, by Algolia

A file input designed for the React library MUI

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

Data visualization components for Chakra UI

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

A powerful toolkit to enhance your development experience with Jotai

UI components for file uploads with React js

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

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

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.

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

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

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

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.

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

A react component to format phone numbers

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

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

> Atom Element: SUI Tag

[](./LICENSE)

> Atom Element: SUI badge

A full featured, unstyled tag input component for React

Search UI for Elasticsearch.

Conform view adapter for react

It is a trap! (for a focus)

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

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

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

> 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.

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

Material-UI templates for DevExtreme React Chart component

Saas UI - The React component library for startups.

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

A collection of 50+ hooks for state and UI management

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

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

Official React components built for Flowbite and Tailwind CSS

Saleor's UI component library

A comprehensive React component library for Tonic UI.

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

A chip input field using Material-UI.

> 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.

Nprogress Component

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

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.

React utilities and helpers for Chakra UI

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

> 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

Cross Platform React Native UI Toolkit

Data-table Component

Cross Platform React Native UI Toolkit

CARTO for React - UI

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

`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

SUI Breadcrumb Basic

A simple yet functional GraphQL client.

> 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

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

react simple animate

> 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.

React component for editing or viewing JSON/object data

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

Currency input textfield for react with Material-ui style

A component that shows a popover to select data.

Material UI textfield

Material style search bar

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

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

> 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.

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

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

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

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

> Description

`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

Headless React components intended for creating custom UI elements.

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

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

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

Ultraviolet UI

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

Instantsearch client for Searchkit. Polyfills Algolia API for Elasticsearch

React UI components library by Scaleflex Company

Storybook Addon for Material UI 5 Library