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 Types - Utility types for Material-UI.

Table component for React and Chakra UI

Material-UI Utils - Utility functions for Material-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

An enterprise-class UI design language and React components implementation

America's next top modal

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

A React Component for rendering dynamically positioned Tooltips

A React library for subscribing to scroll events

A React component that visually hides its content

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

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 Generic, extendible Carousel UI component for React using Material UI

A Chakra UI wrapper for the popular library React Select

Aria live region for React components

A React component optimized for entering sequences of digits

A React Checkbox component for use in forms

Provides hooks used in gluestack-ui

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

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

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

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

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

React component to provide validation states to form fields

Transitions animations for React Native, Next.js & React

A simple and accessible accordion component for React & Chakra UI

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

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

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

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

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

React hook to track pan events

A Quick description of the component

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

Common UI components for InstantSearch.

A universal headless Button 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 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

A React component for displaying statistics

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

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

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

Ignite UI React Core.

A universal headless avatar 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

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

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

A universal headless Radio 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>

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

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

A Material-UI file-upload dropzone

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

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

Material-UI templates for DevExtreme React Grid component

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

Storybook Addon for Material UI Library

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 Popover 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 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 !

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

React hook for state management in chat applications

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

🌲 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

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

Responsive React UI components

Floating UI for React Native

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

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

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.

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.

A file input designed for the React library MUI

⚡ 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

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

UI components for file uploads with React js

A powerful toolkit to enhance your development experience with Jotai

Infinite nested material menus

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

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

Datepickers built with Semantic UI for React and Dayzed

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

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.

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

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

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

A react component to format phone numbers

> Atom Element: SUI Tag

> Atom Element: SUI badge

[](./LICENSE)

A full featured, unstyled tag input component for React

Search UI for Elasticsearch.

It is a trap! (for a focus)

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

Conform view adapter for react

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

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.

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.

Material-UI templates for DevExtreme React Chart component

Hooks for building lightweight, fast and extendable datagrids for React

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

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.

A chip input field using Material-UI.

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.

An opinionated toast component for React.

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

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

Data-table Component

`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

CARTO for React - UI

Cross Platform React Native UI Toolkit

SUI Breadcrumb Basic

A simple yet functional GraphQL client.

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;" />

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

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

Currency input textfield for react with Material-ui style

react simple animate

Material UI textfield

React component for editing or viewing JSON/object data

A component that shows a popover to select data.

Material style search bar

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

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

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

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

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

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

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

`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

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

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

> Description

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

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

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.

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