# Component Libraries

> Installable UI component libraries and design-system kits for a framework (MUI, shadcn/ui, Mantine, Radix...).

- Parent category: [Frontend](https://devshelf.io/category/frontend.md)
- DevShelf page: https://devshelf.io/category/component-libraries

## Resources (29)

- [Ant Design](https://devshelf.io/resource/ant-design.md): An enterprise-class UI design system and component library for building modern web applications with React. (pricing: Free)
- [Bits UI](https://devshelf.io/resource/bits-ui.md): Headless, unstyled, and accessible UI components and primitives for building Svelte component libraries. (pricing: Free)
- [Chakra UI](https://devshelf.io/resource/chakra-ui.md): A modular and accessible component library for building React applications and design systems. (pricing: not verified)
- [Compot](https://devshelf.io/resource/compot.md): A library of 100+ reusable SwiftUI components and templates for iOS and macOS, with an in-app AI assistant for generating interface code. (pricing: Freemium)
- [CoreUI](https://devshelf.io/resource/coreui.md): A comprehensive UI component library and admin dashboard template system for Bootstrap, React, Angular, and Vue. (pricing: not verified)
- [daisyUI](https://devshelf.io/resource/daisyui.md): Tailwind CSS component library providing semantic class names for faster UI development without JS dependencies. (pricing: Free)
- [Flowbite](https://devshelf.io/resource/flowbite.md): An open-source UI component library built on top of Tailwind CSS, featuring interactive elements, blocks, and a Figma design system. (pricing: Free)
- [Grommet](https://devshelf.io/resource/grommet.md): A React-based component library focused on accessibility, modularity, and responsiveness for web applications. (pricing: Free)
- [Headless UI](https://devshelf.io/resource/headless-ui.md): Completely unstyled, fully accessible UI components designed to integrate with Tailwind CSS. (pricing: Free)
- [HeroUI](https://devshelf.io/resource/heroui.md): Open-source UI component library for React and React Native (formerly NextUI), now at v3, for fast and consistent interfaces. (pricing: Freemium)
- [Ionic Framework](https://devshelf.io/resource/ionic-framework.md): An open-source mobile UI toolkit for building cross-platform mobile apps with React, Vue, Angular, or vanilla JavaScript from a single codebase. (pricing: Free)
- [Mantine](https://devshelf.io/resource/mantine.md): A comprehensive React component library featuring over 120 customizable components and 70 hooks for building accessible web applications. (pricing: Free)
- [Markstream](https://devshelf.io/resource/markstream.md): Streaming-friendly Markdown renderer library for AI applications with support for Vue, React, Svelte, Angular, Nuxt, and Next.js. (pricing: Free)
- [Material UI](https://devshelf.io/resource/material-ui.md): An open-source React component library that implements Google's Material Design system. (pricing: Freemium)
- [Melt UI](https://devshelf.io/resource/melt-ui.md): An open-source Svelte library providing headless, accessible component builders for building design systems and web applications. (pricing: Free)
- [MUI](https://devshelf.io/resource/mui.md): Comprehensive suite of React UI tools and components implementing Material Design to ship user interfaces faster. (pricing: not verified)
- [OpenChakra](https://devshelf.io/resource/openchakra.md): A visual drag-and-drop builder for creating React user interfaces using the Chakra UI component library. (pricing: Free)
- [Park UI](https://devshelf.io/resource/park-ui.md): UI component library built on top of Ark UI and Zag.js, designed for modern web applications. (pricing: Free)
- [Pintura Image Editor](https://devshelf.io/resource/pintura-image-editor.md): A configurable JavaScript image editor SDK for web applications featuring cropping, rotating, resizing, filtering, and annotation capabilities. (pricing: Paid)
- [Preline UI](https://devshelf.io/resource/preline-ui.md): An open-source Tailwind CSS UI component library with reusable blocks, templates, headless plugins, and a Figma design system. (pricing: not verified)
- [PrimeFaces](https://devshelf.io/resource/primefaces.md): Comprehensive UI component library suite for JavaServer Faces, Angular, React, and Vue applications offering fully customizable components. (pricing: Freemium)
- [Radix UI](https://devshelf.io/resource/radix-ui.md): An open source component library for building accessible, high-quality web applications with React. (pricing: Free)
- [React Bootstrap](https://devshelf.io/resource/react-bootstrap.md): A library of Bootstrap components rebuilt from scratch as native React components, removing the dependency on jQuery. (pricing: Free)
- [React Suite](https://devshelf.io/resource/react-suite.md): An enterprise-grade React component library featuring over 80 components, built-in internationalization, and WAI-ARIA accessibility support. (pricing: Free)
- [shadcn/ui](https://devshelf.io/resource/shadcn-ui.md): A collection of re-usable components that you can copy and paste into your apps. Built with Radix UI and Tailwind CSS. (pricing: Free)
- [Skeleton](https://devshelf.io/resource/skeleton.md): An adaptive design system for Tailwind CSS featuring turnkey UI components for web frameworks. (pricing: Free)
- [Storybook](https://devshelf.io/resource/storybook.md): Frontend workshop for building, testing, and documenting UI components and pages in isolation. (pricing: Free)
- [SurveyJS](https://devshelf.io/resource/surveyjs.md): JavaScript UI component library for building dynamic interactive forms, surveys, and data dashboards with backend integration and PDF export. (pricing: not verified)
- [tldraw](https://devshelf.io/resource/tldraw.md): Collaborative whiteboarding library and canvas application for web developers. (pricing: Free)

---

Source: DevShelf.io, the hand-reviewed catalog of dev tools and resources. Every resource is reviewed by hand before it is listed.
