Sammlung von UI-Komponenten-Sets und Design-Systemen, die speziell für die React-Anwendungsentwicklung erstellt wurden.
Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi
MUI is a comprehensive React component library with built-in accessibility, theming, TypeScript support, and a wide set of responsive components, directly matching the need for a reusable, feature-rich UI component collection.
gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve
gluestack-ui is a React component library with over 30 accessible, customizable components built with Tailwind CSS; its copy-paste architecture gives you full control and a lightweight bundle, fitting the search for a reusable component library with strong accessibility and customizability.
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
Lucide is an icon-focused component library for React (and other frameworks), so it does provide reusable pre-built UI components — but it only covers icons rather than the full range of UI building blocks (buttons, forms, modals) the query implies, making it a narrower match.
HeroUI is a declarative toolkit for building accessible user interfaces through modular, React-based component composition. It provides a comprehensive set of reusable building blocks designed to standardize visual language and interaction patterns across web and mobile applications. The library distinguishes itself through an integrated approach to accessibility and styling. It automatically manages state and keyboard interactions by injecting appropriate attributes, while utilizing a utility-driven styling architecture to enforce design system consistency. Developers can leverage polymorphi
HeroUI is a React-based component library that provides accessible, themeable, and modular UI building blocks—fitting the search for a reusable component collection, though it does not explicitly mention TypeScript support or Storybook documentation among its key features.
PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C
PrimeReact is a comprehensive React UI component library that directly matches your search—it delivers accessible, themeable components with tree-shaking support, and its feature set (including keyboard navigation, form controls, and data visualization) covers nearly all the required capabilities, making it a strong choice for building React interfaces.
Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l
Ant Design is a comprehensive React component library with theming, TypeScript, and a wide range of components, though it may not be the most lightweight option and lacks built-in Storybook documentation.
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
Mantine is a comprehensive React component library built on a design-driven theme engine with full TypeScript support, accessibility (ARIA) baked in, responsive primitives, and modular imports, making it an excellent fit for the visitor's need for a reusable, customizable, and lightweight UI kit.
Grommet is a React UI framework and accessible component library designed for building themed user interfaces. It provides a responsive design system and a themed interface toolkit to ensure inclusive user experiences across various screen sizes and device orientations. The framework emphasizes accessible UI development by providing pre-styled elements that follow web accessibility standards for screen readers and keyboard navigation. It enables the implementation of custom themes through a centralized system that manages visual styles and design tokens. The toolkit covers responsive web des
Grommet is a React component library with built-in theming, accessibility, and responsive design, squarely matching the kind of pre-built UI toolkit you're looking for, though it lacks explicit TypeScript support, tree-shaking, or Storybook documentation.
Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi
Shopify's Polaris React is a production-ready React component library implementing a full design system, with accessible, TypeScript-driven components, design-token theming, and interactive documentation—exactly the kind of pre-built UI collection this search targets.
shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
shadcn/ui is a collection of installable, accessible, and customizable React components built on Radix and styled with Tailwind CSS, delivering a comprehensive set of UI primitives with TypeScript support, responsive design, and tree-shakeable modular imports that matches your search for a modern React component library with strong developer experience.
Chakra UI is a design system component library and styling framework that provides a foundation for building consistent, accessible web interfaces. It functions as a centralized theme configuration engine, using a design-token-driven architecture to manage visual properties like color palettes and spacing rules as a single source of truth across an entire application. The framework distinguishes itself through a type-safe styling utility that automatically generates TypeScript definitions from theme configurations, ensuring accurate property referencing and editor autocompletion. It employs a
Chakra UI is a comprehensive, accessible React component library with built-in design token theming, TypeScript support, modular imports, and responsive components—exactly the kind of pre-built UI collection this search targets.
Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f
Radix UI Primitives is an unstyled, accessible React component library that provides headless building blocks with full ARIA support and state management, fitting the search for a reusable UI component collection but requiring you to handle all visual styling yourself.
Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent
Arco Design is a full-featured React UI component library with token-based theming, TypeScript support, and a comprehensive set of pre-built components, making it a strong choice for building professional, customizable interfaces.
React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.
React-Bootstrap is a comprehensive, accessible, responsive React component library built on the Bootstrap framework, with TypeScript support, theming, and a wide set of UI components, making it a strong fit for building React UIs.
React-bits is a comprehensive toolkit for web development that combines a library of interactive motion primitives with a command-line interface for component management and AI-assisted coding. It provides a framework for implementing declarative motion states and specialized typography animations, allowing developers to build responsive, gesture-enabled interfaces that respond to user input. The project distinguishes itself through a remote registry system that allows for the direct injection of modular UI source code into local project directories. It also features a protocol-based bridge t
React-bits is a React component library focused on interactive motion primitives and UI components, but its specialization in animations and inclusion of a CLI/AI toolkit means it lacks the comprehensive standard component set and features like ARIA accessibility, TypeScript support, and Storybook documentation that this search targets.
Rebass is a React design system library that provides a collection of theme-driven, responsive UI primitives. It functions as a theme-based layout engine, using a set of stateless components to standardize spacing, typography, and colors across a user interface. The library distinguishes itself by mapping style properties to a central design theme through a styled-system approach. This allows for responsive style mapping where components automatically adapt their appearance based on screen size and provides the ability to swap underlying HTML elements while preserving styling logic to maintai
Rebass is a React design system library of theme-driven, responsive UI primitives, which fits the search for a reusable component library, though it lacks explicit TypeScript support, Storybook documentation, and a fully comprehensive set.
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
Evergreen is a React UI component library with accessible, themeable components and a design system framework, matching your need for reusable pre-built React UI pieces, though it does not explicitly advertise TypeScript support or Storybook documentation.
MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support
MUI X offers a set of advanced, accessible, and TypeScript‑ready React components for data‑rich interfaces (grid, charts, date pickers), which fits your search for reusable UI building blocks, though it is specialized rather than a comprehensive general‑purpose library.
Ant Design Mobile is a mobile UI component library and design system built for React. It provides a collection of pre-styled interface elements and standardized UI blocks used to create consistent, responsive user interfaces for mobile web applications. The framework focuses on mobile web design and frontend interface engineering, providing tools to implement interaction patterns tailored for touch-based browsing. It ensures a uniform look and feel across different mobile browsers and handheld device screens. The library incorporates responsive layout systems and CSS-variable-based theming.
Ant Design Mobile is a mobile-focused React UI component library with CSS-variable theming and TypeScript support, making it the right kind of tool for building interfaces, though it may not cover all the desired features like built-in ARIA support or Storybook documentation.
react-slick is a React carousel component and responsive slider library. It provides a reusable user interface element for displaying a sequence of items in a horizontal scroll, supporting infinite looping, navigation dots, and adjustable transition speeds. The library enables the creation of touch-enabled image and content sliders that adapt to different screen sizes. It is used to build interactive content carousels, responsive image sliders, and rotating banners for product showcases.
react-slick is a specialized React carousel component, not a general-purpose component library — it provides a single responsive slider UI element but lacks the comprehensive set, theming, TypeScript, and Storybook support you are looking for.
Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a
Blueprint is a React component library and design system that provides accessible, themeable, TypeScript-powered components for building data-dense interfaces, covering many requested features like accessibility, theming, modular imports, and a comprehensive set of components, though it is more oriented toward desktop applications and may not be as lightweight or mobile-first as some alternatives.
Reactstrap is a UI component library that provides reusable, Bootstrap 5-compatible elements built as ES6 modules. It allows developers to construct interfaces by composing components through standard children props, enabling flexible and familiar React patterns for building layouts and interactive elements. The library enables dynamic styling through boolean and value-based props such as color, size, and isOpen, which apply Bootstrap's modifier classes directly to components. For overlay elements like tooltips, popovers, and dropdowns, reactstrap integrates with react-popper to handle automa
Reactstrap is a reusable React component library built on Bootstrap 5, providing pre-built UI components with responsive and modular imports, though it lacks explicit support for TypeScript, Storybook, or built-in ARIA features.
Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const
Coss is an accessible React UI component library and design system framework written in TypeScript, which makes it a perfect fit for building accessible, customizable web interfaces — just note it doesn't explicitly advertise Storybook documentation or lightweight bundling.