# React UI component library

> Search results for `mantine react components` on awesome-repositories.com. 98 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/mantine-react-components

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/mantine-react-components).**

## Results

- [mantinedev/mantine](https://awesome-repositories.com/repository/mantinedev-mantine.md) (31,263 ⭐) — Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application.

The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
- [chalarangelo/30-seconds-of-react](https://awesome-repositories.com/repository/chalarangelo-30-seconds-of-react.md) (5,081 ⭐) — This project is a comprehensive collection of reusable code snippets, custom hooks, and implementation patterns for building user interfaces with React. It serves as a library of short examples designed to solve common development tasks, ranging from state management to DOM integration.

The collection provides a wide array of specialized utilities for interacting with browser APIs, including window dimension tracking, media query evaluation, and online status monitoring. It also includes practical guides and snippets for performance optimization, such as memoization, lazy loading, and state c
- [zendeskgarden/react-components](https://awesome-repositories.com/repository/zendeskgarden-react-components.md) (1,110 ⭐) — This project is a comprehensive design system framework and component library built for React. It provides a suite of modular, accessible, and themeable interface elements designed to maintain a unified visual language and brand alignment across complex web applications. By encapsulating interaction logic and styling within individual components, it enables developers to build consistent, responsive interfaces through declarative composition.

The library distinguishes itself by prioritizing inclusive user experiences through built-in accessibility management, including standardized keyboard n
- [brillout/awesome-react-components](https://awesome-repositories.com/repository/brillout-awesome-react-components.md) (47,788 ⭐) — This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements.

The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
- [couds/react-bulma-components](https://awesome-repositories.com/repository/couds-react-bulma-components.md) (1,201 ⭐) — This project is a component library that bridges the Bulma CSS framework with React. It provides a set of declarative building blocks that map standard CSS framework patterns to reusable interface elements, enabling the construction of responsive and accessible web layouts.

The library utilizes a compositional architecture where modular components encapsulate specific styling rules and structural behaviors. It supports polymorphic rendering, allowing components to dynamically change their underlying HTML tags at runtime to maintain semantic structure. Developers can also utilize property mapp
- [react-component/tree](https://awesome-repositories.com/repository/react-component-tree.md) (1,272 ⭐) — This library provides a React component for rendering interactive hierarchical data structures. It is designed to visualize nested information through recursive composition, allowing users to navigate deep data hierarchies by expanding and collapsing branches.

The component distinguishes itself by integrating drag-and-drop functionality, enabling users to reorganize nodes directly within the interface. It also supports asynchronous data loading, which fetches child branches on demand to manage remote or deep datasets efficiently.

The library includes performance optimizations for large datas
- [react-component/table](https://awesome-repositories.com/repository/react-component-table.md) (1,372 ⭐) — This library is a React component designed for rendering high-performance data grids. It provides a structured framework for displaying large datasets by utilizing window-based row virtualization, which ensures that only the visible portion of the data is rendered to the document object model.

The component distinguishes itself through advanced layout and navigation capabilities, including native support for sticky headers and columns that remain anchored during scrolling. Developers can exercise imperative control over the table viewport to navigate to specific indices or pixel offsets, whil
- [ankeetmaini/react-infinite-scroll-component](https://awesome-repositories.com/repository/ankeetmaini-react-infinite-scroll-component.md) (3,083 ⭐) — This project is a frontend component designed to manage dynamic content loading and scroll-based interactions within web applications. It provides a reusable interface for handling data injection as users navigate through scrollable areas, ensuring that content updates occur automatically based on scroll position or manual user triggers.

The component distinguishes itself by supporting both standard downward infinite scrolling and inverse scrolling, which allows for the natural expansion of content history in chat-like interfaces. It offers developers full control over the visual presentation
- [snehilvj/dash-mantine-components](https://awesome-repositories.com/repository/snehilvj-dash-mantine-components.md) (0 ⭐) — Dash Mantine Components is an extensive (90+) Dash components library based on Mantine React Components Library. It makes it easier to create good quality dashboards with very well designed components out of the box.
- [segmentio/evergreen](https://awesome-repositories.com/repository/segmentio-evergreen.md) (12,424 ⭐) — Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled, accessible interface elements used to build consistent web applications.

The library functions as a server-side rendered UI kit, allowing components to generate HTML on the server to improve page load speeds and search engine visibility. It includes a centralized styling layer for managing colors, typography, and spacing through custom UI theming.

The framework covers accessible web design and enterprise interface design, utilizing a token-based styling system to maintain a uniform
- [icflorescu/mantine-contextmenu](https://awesome-repositories.com/repository/icflorescu-mantine-contextmenu.md) (171 ⭐) — Craft your applications for productivity and meet your users’ expectations by enhancing your Mantine-based UIs with a desktop-grade, lightweight yet fully-featured, dark-theme aware context-menu component, built by the creator of Mantine DataTable.
- [likec4/likec4](https://awesome-repositories.com/repository/likec4-likec4.md) (2,723 ⭐) — likec4 is an architecture-as-code framework that transforms text-based architecture definitions into interactive diagrams, static websites, and image files. It serves as a system architecture visualizer and C4 model diagram generator, allowing users to define software components, boundaries, and deployment infrastructure using a domain-specific language.

The tool distinguishes itself by providing a modeling environment with Language Server Protocol integration for real-time validation and autocomplete. It enables interactive architecture documentation where users can navigate through hierarch
- [icflorescu/mantine-datatable](https://awesome-repositories.com/repository/icflorescu-mantine-datatable.md) (1,231 ⭐) — The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.
- [boringdesigners/boring-avatars](https://awesome-repositories.com/repository/boringdesigners-boring-avatars.md) (6,291 ⭐) — Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.
- [themesberg/flowbite](https://awesome-repositories.com/repository/themesberg-flowbite.md) (9,283 ⭐) — Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications.

The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface.

The library covers a wide range of interactive int
- [rowsncolumns/grid](https://awesome-repositories.com/repository/rowsncolumns-grid.md) (633 ⭐) — This project is a high-performance data grid component designed for React applications. It provides a declarative framework for rendering large-scale datasets and complex tabular structures by utilizing a canvas-based drawing engine instead of traditional document object model nodes.

The library distinguishes itself through a windowed virtualization engine that maintains constant memory usage by rendering only the visible portion of the grid. It translates pointer interactions into specific cell references through coordinate-based mapping and supports the injection of external application sta
- [codesuki/react-d3-components](https://awesome-repositories.com/repository/codesuki-react-d3-components.md) (1,618 ⭐) — D3 Components for React
- [motiondivision/motion](https://awesome-repositories.com/repository/motiondivision-motion.md) (32,375 ⭐) — Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments.

The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
- [margox/braft-editor](https://awesome-repositories.com/repository/margox-braft-editor.md) (4,591 ⭐) — Braft Editor is a React-based rich text editor built on Draft.js that provides a framework for content creation and formatting. It functions as a reusable UI component that allows users to compose formatted documents in a WYSIWYG interface and export the resulting content as HTML strings.

The project features built-in localization support for multiple languages, including Chinese, Japanese, and Korean. It provides a modular system for extending editor functionality through plugins, custom toolbar mappings, and specialized media entities.

The editor covers a broad range of content capabilitie
- [crewaiinc/crewai](https://awesome-repositories.com/repository/crewaiinc-crewai.md) (53,687 ⭐) — CrewAI is a multi-agent orchestration framework designed for building autonomous systems that execute complex, multi-step workflows. It provides a development platform where specialized agents are defined with specific roles, goals, and tool sets to perform tasks collaboratively. By leveraging a declarative workflow engine, the system manages task dependencies, state transitions, and execution logic, allowing for the creation of structured, stateful sequences of operations.

The framework distinguishes itself through its hierarchical management capabilities, which utilize manager agents to coo
- [strml/react-router-component](https://awesome-repositories.com/repository/strml-react-router-component.md) (867 ⭐) — Declarative router component for React.
- [reactjs/server-components-demo](https://awesome-repositories.com/repository/reactjs-server-components-demo.md) (4,359 ⭐) — This project is an implementation of React Server Components, providing a full-stack component architecture that blends server-side rendering with client-side interactivity. It enables the development of web applications where server-only components for data fetching and interactive client components coexist within a single component tree.

The system focuses on server-client data orchestration, allowing for the execution of server functions and database mutations across the network boundary. It distinguishes itself through a hybrid component architecture that shifts component execution to the
- [evancz/react-elm-components](https://awesome-repositories.com/repository/evancz-react-elm-components.md) (779 ⭐) — Write React components in Elm
- [dip/cmdk](https://awesome-repositories.com/repository/dip-cmdk.md) (12,695 ⭐) — cmdk is an unstyled, headless React component library for building accessible search-based navigation and command interfaces. It provides the logic and state management required to create keyboard-navigable command palettes that filter lists of actions and items based on user input.

The library distinguishes itself by remaining visually agnostic, offering a collection of logic-heavy components without predefined styles. It supports advanced organization through hierarchical menu navigation, nested paging systems, and conditional group filtering that hides categories when no child items match
- [tinyplex/tinybase](https://awesome-repositories.com/repository/tinyplex-tinybase.md) (5,110 ⭐) — TinyBase is a reactive data store and in-memory relational database designed for client-side state persistence. It serves as a local-first sync engine that merges distributed state using conflict-free replicated data types and logical clocks to ensure deterministic data convergence.

The project features a schema validation library that converts external definitions from tools like Zod, Yup, and TypeBox into type-safe store definitions. It provides an infrastructure for real-time collaborative editing, utilizing synchronization with Automerge, Yjs, and PartyKit to maintain consistent state acr
- [twisty/formsy-react-components](https://awesome-repositories.com/repository/twisty-formsy-react-components.md) (287 ⭐) — Bootstrap components for a formsy-react form.
- [facebookarchive/fixed-data-table](https://awesome-repositories.com/repository/facebookarchive-fixed-data-table.md) (4,269 ⭐) — Fixed-data-table is a React component library designed for rendering large datasets within structured, scrollable grid interfaces. It functions as a virtualized table, optimizing performance by rendering only the rows currently visible within the viewport.

The library distinguishes itself through its focus on maintaining context during navigation, utilizing fixed-header layouts and synchronized scroll state management. It employs index-based data access to map information to specific grid coordinates, allowing for modular cell customization and flexible column configuration.

The component su
- [coreui/coreui-free-react-admin-template](https://awesome-repositories.com/repository/coreui-coreui-free-react-admin-template.md) (4,940 ⭐) — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces.

The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes.

The kit co
- [jaredlunde/react-hook](https://awesome-repositories.com/repository/jaredlunde-react-hook.md) (1,535 ⭐) — This library provides a collection of strongly typed hooks designed to manage asynchronous tasks, component state, and DOM interactions within user interfaces. It serves as a utility toolkit for tracking data changes, caching asynchronous results, and synchronizing references across both server and browser rendering environments.

The project distinguishes itself by offering specialized mechanisms for regulating high-frequency user inputs through debouncing and throttling techniques. It simplifies complex browser interactions, such as keyboard shortcuts, clipboard access, and viewport visibili
- [ktorz/elm-react-component](https://awesome-repositories.com/repository/ktorz-elm-react-component.md) (112 ⭐) — (deprecated) A React component which wraps an Elm module to be used in a React application.
- [gabrielbull/react-desktop](https://awesome-repositories.com/repository/gabrielbull-react-desktop.md) (9,493 ⭐) — react-desktop is a React component library and web-based simulator designed to recreate the visual interfaces and behaviors of desktop operating systems. It provides a set of components that allow developers to build browser applications that mimic the look and feel of macOS and Windows.

The library focuses on desktop UI simulation and operating system emulation, offering a collection of visual elements such as windows and menus. These components follow desktop design guidelines to create a familiar user experience within a web environment.
- [jeroencoumans/react-scroll-components](https://awesome-repositories.com/repository/jeroencoumans-react-scroll-components.md) (123 ⭐) — A set of components that react to page scrolling
- [microsoft/poml](https://awesome-repositories.com/repository/microsoft-poml.md) (4,853 ⭐) — Poml is a prompt management framework and templating engine designed for authoring, versioning, and rendering structured prompts for large language models. It uses a semantic markup language to organize prompts into reusable templates, combining them with dynamic context and data to generate formatted inputs.

The system distinguishes itself by decoupling core prompt logic from final presentation through a stylesheet-based approach. It provides a dedicated JSON schema output generator to enforce strict, machine-parsable model responses and a configuration interface for managing function tool s
- [eiriklv/react-masonry-component](https://awesome-repositories.com/repository/eiriklv-react-masonry-component.md) (1,468 ⭐) — A React.js component for using @desandro's Masonry
- [facebook/react-native](https://awesome-repositories.com/repository/facebook-react-native.md) (126,019 ⭐) — This project is a cross-platform mobile framework that enables the development of native iOS and Android applications from a single codebase. It utilizes a declarative component-based model where developers define user interfaces using a syntax extension that maps directly to underlying platform-native view primitives. By decoupling application logic from the host platform's main thread, the framework maintains a consistent native view hierarchy while ensuring that JavaScript execution remains independent of UI rendering.

The framework distinguishes itself through a robust bridge architecture
- [teodosii/react-notifications-component](https://awesome-repositories.com/repository/teodosii-react-notifications-component.md) (1,282 ⭐) — Delightful and highly customisable React Component to notify your users
- [facebook/react](https://awesome-repositories.com/repository/facebook-react.md) (245,669 ⭐) — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
- [ui-layouts/uilayouts](https://awesome-repositories.com/repository/ui-layouts-uilayouts.md) (3,190 ⭐) — uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages.

The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.
- [remix-run/examples](https://awesome-repositories.com/repository/remix-run-examples.md) (1,216 ⭐) — This repository serves as a comprehensive collection of reference implementations for the Remix web framework. It provides practical examples of full-stack web development, demonstrating how to build dynamic, server-rendered applications that bridge server-side logic with client-side interactivity. By leveraging a component-based architecture, these examples illustrate core patterns for managing data, routing, and user interfaces within a unified development environment.

The collection highlights the framework's distinctive approach to web architecture, emphasizing server-side data loading an
- [ctrlplusb/react-component-queries](https://awesome-repositories.com/repository/ctrlplusb-react-component-queries.md) (181 ⭐) — Provide props to your React Components based on their Width and/or Height.
- [voltagent/awesome-claude-code-subagents](https://awesome-repositories.com/repository/voltagent-awesome-claude-code-subagents.md) (21,906 ⭐) — This project provides a framework for managing multi-agent systems, designed to automate complex software development, infrastructure, and business workflows. It functions as a multi-agent workflow orchestrator that routes tasks to domain-specific workers while maintaining state persistence and infrastructure automation. By leveraging large language models, the system decomposes high-level objectives into actionable plans, ensuring that complex operations are executed with consistency and reliability.

The framework distinguishes itself through its hierarchical agent registry and policy-driven
- [fisshy/react-scroll](https://awesome-repositories.com/repository/fisshy-react-scroll.md) (4,411 ⭐) — react-scroll is a library for managing smooth and immediate scrolling behavior between page elements in React applications. It functions as a DOM scroll controller, providing a declarative API and a set of components to animate the viewport to specific target elements.

The library enables custom scrolling by allowing the viewport to move to target elements through either instant jumps or animated transitions. It provides a system for integrating this scrolling logic into custom components using mixins to define specific movement triggers and targets.

The project covers viewport navigation an
- [react-native-share/react-native-share](https://awesome-repositories.com/repository/react-native-share-react-native-share.md) (3,890 ⭐) — This is a cross-platform mobile sharing library that provides a native system interface for sending text, links, and media files to other applications on a mobile device. It functions as a distribution bridge for sharing local files, remote URLs, and base64 encoded data via the device's default share dialog.

The library includes tools for direct social media integration, allowing preformatted messages and media to be sent to specific platforms using native sharing intents. It also features an application installation checker to verify if specific social or communication apps are present on th
- [risingstack/react-easy-state](https://awesome-repositories.com/repository/risingstack-react-easy-state.md) (2,545 ⭐) — React Easy State is a state management library for React that utilizes the observable store pattern to synchronize user interface components with application data. It employs ES6 proxies to wrap plain JavaScript objects, enabling the system to monitor data mutations and automatically trigger component re-renders whenever accessed properties are modified.

The library distinguishes itself through a transparent reactive system that eliminates the need for explicit data binding or boilerplate code. By tracking dependencies during the rendering process, it ensures that components only update when
- [martinandert/react-translate-component](https://awesome-repositories.com/repository/martinandert-react-translate-component.md) (320 ⭐) — A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.
- [software-mansion/react-native-gesture-handler](https://awesome-repositories.com/repository/software-mansion-react-native-gesture-handler.md) (6,755 ⭐) — React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to React Native, enabling smooth, deterministic gesture handling on the UI thread. It manages gesture recognition through a native state machine with defined transitions between states like BEGAN, ACTIVE, END, and CANCELLED, routing touch events through platform-native gesture recognizers on both iOS and Android.

The library provides a comprehensive gesture composition framework that allows developers to combine multiple gestures into race, simultaneous, or exclusive sequences, co
- [mozilla-services/react-jsonschema-form](https://awesome-repositories.com/repository/mozilla-services-react-jsonschema-form.md) (15,803 ⭐) — This project is a JSON Schema form generator and React UI component that automatically creates web forms based on JSON Schema definitions. It serves as a schema-driven form builder used to transform declarative data definitions into interactive user interfaces for data entry and validation.

The tool provides capabilities for dynamic form generation and JSON Schema integration, allowing for the automatic creation of input fields and layouts to avoid manual coding. It implements schema-based validation to ensure user input adheres to standardized JSON Schema rules in real time.

The system mana
- [yinxin630/fiora](https://awesome-repositories.com/repository/yinxin630-fiora.md) (7,159 ⭐) — Fiora is a real-time communication suite and multimedia instant messenger designed as a self-hosted chat server. Built as a MERN stack messaging platform, it provides a networked environment for private and group conversations using a Socket.io based architecture.

The platform is distinguished by its focus on self-hosting, allowing deployment on private Windows, Linux, or macOS servers for full control over user data. It features a highly customizable interface where users can apply themes, custom colors, and wallpapers to personalize their experience.

The system covers a broad range of comm
- [khan/react-components](https://awesome-repositories.com/repository/khan-react-components.md) (998 ⭐) — Some components we build for Khan Academy that the world might find useful.
- [lucide-icons/lucide](https://awesome-repositories.com/repository/lucide-icons-lucide.md) (21,186 ⭐) — Lucide is a collection of consistent, scalable vector icons designed as a reusable component library for web and mobile interfaces. It provides a standardized set of visual symbols that support dynamic styling, programmatic manipulation, and accessibility features, ensuring that icons remain perceivable and usable across diverse development environments.

The library distinguishes itself through a framework-agnostic architecture that defines icons as raw coordinate data, allowing for consistent rendering across various platforms. It supports tree-shakable module exports and bundle size optimiz