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.

A chat widget library for React and vanilla JavaScript

Material Design icons distributed as SVG React components.

Responsive and accessible React UI components built with React and Emotion

Floating UI for React DOM

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

Sidecar code splitting utils

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

React hooks for Chakra components

Chakra UI ControlBox component

Theme and components agnostic ChakraProvider

Floating UI for React

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

Laboratory for new Material UI modules.

A base React component for icons

Table component for React and Chakra UI

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

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 component that visually hides its content

A React library for subscribing to scroll events

A React Component for rendering dynamically positioned Tooltips

TypeScript/React library for AI Chat

[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

styled() API wrapper package for emotion.

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

A React component and hooks wrapper for popper.js

Utilities for creating robust overlay components

React component for progressive image loading

A React component optimized for entering sequences of digits

A Chakra UI wrapper for the popular library React Select

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

Aria live region for React components

Provides hooks used in gluestack-ui

A React Checkbox component for use in forms

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

A React component used to show users avatar or initials

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

User-friendly query builder for React. Core React UI

A React component to render custom Radio input types

Material-UI SvgIcon components for Material Design Icons.

Skip navigation links for screen reader and keyboard users

React component to provide validation states to form fields

A simple and accessible accordion component for React & Chakra UI

A React component for displaying spinners and loaders

A React component for input text field

Chakra UI layout components that give you massive speed

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

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

React component and hooks for handling light and dark mode.

Accessible Tabs component for React and Chakra UI

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

A Quick description of the component

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

React component library for creating chat interfaces

A React hook for managing counters

React hook to track pan events

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

A Select control built with and for ReactJS

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 React package for Untitled-UI icons

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

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

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

Datatables for React using Material-UI

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

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

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

A React component that is a base button.

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

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

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

A Material-UI file-upload dropzone

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

A React component for displaying statistics

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

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

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

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

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

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

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

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

Material-UI templates for DevExtreme React Grid component

Storybook Addon for Material UI Library

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

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

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

A universal headless slider 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.

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

A universal headless actionsheet 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.

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

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

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

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

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

Material-UI Styled - Wrapper package for emotion.

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

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

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

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

A Material-UI-v5 file-upload dropzone

React hook for state management in chat applications

Floating UI for React Native

Responsive React UI components

Textarea React component for Chakra UI

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

Grafana Components Library

`MoleculeDropdownList` is a composition of DropdownOptions

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

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

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

React Hooks library for remote data fetching

styled() API wrapper package for styled-components.

Themed configuration for gluestack-ui components

🌲 React UI Kit by Segment 🌲

Material-UI templates for DevExtreme React Scheduler component

A utility function package for @gluestack-ui/nativewind

Atom Element: SUI button

Data visualization components for Chakra UI

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

Codemod scripts for Material-UI.

A file input designed for the React library MUI

⚡ Lightning-fast search for React, by Algolia

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

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

UI components for file uploads with React js

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

A powerful toolkit to enhance your development experience with Jotai

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

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

Utility functions and hooks for gluestack-ui

Infinite nested material menus

Gravity UI base styling and components

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

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

Datepickers built with Semantic UI for React and Dayzed

[](./LICENSE)

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 !

Saas UI theme package

It is a trap! (for a focus)

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

A react component to format phone numbers

> Atom Element: SUI Tag

A React and Chakra UI close button component.

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

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

A collection of 50+ hooks for state and UI management

> Atom Element: SUI badge

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

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

A full featured, unstyled tag input component for React

Material-UI templates for DevExtreme React Chart component

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

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.

Saas UI - The React component library for startups.

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

Search UI for Elasticsearch.

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

Conform view adapter for react

Saas UI - The React component library for startups.

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

Hooks for building lightweight, fast and extendable datagrids for React

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

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

Saleor's UI component library

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

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

Official React components built for Flowbite and Tailwind CSS

Performant, flexible and extensible forms library for React Hooks

A comprehensive React component library for Tonic UI.

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

Nprogress Component

A chip input field using Material-UI.

React utilities and helpers for Chakra UI

Cross Platform React Native UI Toolkit

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

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

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

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

Saas UI react hooks

> Atom Element: Icon

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

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

An opinionated toast component for React.

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

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

Data-table Component

Currency input textfield for react with Material-ui style

`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

SUI Breadcrumb Basic

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

Cross Platform React Native UI Toolkit

`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

> Description

> 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 simple animate

Material UI textfield

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

CARTO for React - UI

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

Display the loading state of a component while avoiding layout shift

A simple yet functional GraphQL client.

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

A component that shows a popover to select data.

Ultraviolet UI

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

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

React component for editing or viewing JSON/object data

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 modal manager for Chakra UI

> Description

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

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

Headless React components intended for creating custom UI elements.

`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

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

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

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

Material style search bar

Storybook Addon for Material UI 5 Library

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

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

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