UI component libraries

12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.

• react-native-element-dropdownReact Native Element Dropdown is a library that provides a customizable dropdown component for React Native applications.
• bootstrap-selectThe jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.
• @carbon/themesThemes for applying color in the Carbon Design System
• @c15t/uiFramework-agnostic primitives, CSS, and theme system powering c15t consent UIs (React, Solid, Svelte, Vue).
• @tamagui/react-native-web-internalsReact Native for Web
• @material-table/coreDatatable for React based on https://material-ui.com/api/table/ with additional features
• @progress/kendo-react-intlReact Internationalization package provides services for parsing and formatting of dates and numbers. KendoReact Internationalization package
• react-native-ratingsThe standard Ratings component for React Native
• @tamagui/react-native-web-liteReact Native for Web
• @progress/kendo-react-animationReact Animation component assists with animating HTML elements. KendoReact Animation package
• @carbon/motionMotion helpers for digital and software products using the Carbon Design System
• @carbon/stylesStyles for the Carbon Design System
• react-collapsibleReact component to wrap content in Collapsible element with trigger to open and close.
• datatables.net-bs4DataTables with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
• @progress/kendo-react-inputsReact Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package
• @progress/kendo-react-dropdownsReact DropDowns offer an interface for users to select different items from a list and more. KendoReact Dropdowns package
• angular-ui-bootstrapNative AngularJS (Angular) directives for Bootstrap
• @material/webMaterial web components
• @patternfly/react-coreThis library provides a set of common React components for use with the PatternFly reference implementation.
• @astryxdesign/coreThe component library. Accessible, themeable React components with built-in spacing, dark mode, and StyleX styling.
• @progress/kendo-react-treeviewReact TreeView displays hierarchical data in a traditional tree structure, supports user interaction. KendoReact TreeView package
• @progress/kendo-react-progressbarsReact ProgressBars offer a customizable interface for users to track and display the progress of a task. KendoReact ProgressBars package
• @wordpress/uiThemeable React UI components for the WordPress Design System.
• a11y-dialogA tiny script to make dialog windows accessible to assistive technology users.
• datatables.net-bs5DataTables with styling for [Bootstrap5](https://getbootstrap.com/)
• @shadcn/uiAdd @shadcn/ui components to your app.
• sweetalertA beautiful replacement for JavaScript's "alert"
• @carbon/reactReact components for the Carbon Design System
• @progress/kendo-react-dialogsReact Dialogs provide modal and non-modal windows for showing additional information to the user. KendoReact Dialogs package
• mantine-datatableThe lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data r
• magnific-popupLightbox and modal dialog plugin. Can display inline HTML, iframes (YouTube video, Vimeo, Google Maps), or an image gallery. Animation effects are added with CSS3 transitions. For jQuery or Zepto.
• @progress/kendo-react-layoutReact Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package
• react-native-image-viewingReact Native modal component for viewing images as a sliding gallery
• @chakra-ui/chartsData visualization components for Chakra UI
• @progress/kendo-react-pdfReact PDF Processing enables you to export single- and multi-page content in PDF. KendoReact PDF Processing package
• bootstrap-sliderSlider view component for Twitter Bootstrap.
• @shoelace-style/shoelaceA forward-thinking library of web components.
• angular-splitAngular UI library to split views and allow dragging to resize areas using CSS grid layout.
• toastify-jsToastify is a lightweight, vanilla JS toast notification library.
• @mui/joyJoy 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.
• blueimp-file-uploadFile Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine,
• embla-carousel-svelteA lightweight carousel library with fluid motion and great swipe precision
• @blueprintjs/popover2Re-exports of popover-related components from @blueprintjs/core
• @progress/kendo-react-dateinputsReact DateInput is a perfect input component for handling quick and efficient date values. KendoReact Date Inputs package
• v-tooltipEasy tooltips with Vue 2.x
• @coreui/reactUI Components Library for React.js
• @atlaskit/modal-dialogA modal dialog displays content that requires user interaction, in a layer above the page.
• react-native-country-picker-modalA searchable, themeable country picker modal for React Native — iOS, Android and Web.
• bootstrap-colorpickerBootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
• @atlaskit/blanketA blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.

• flowbite vs @shadcn/lint
• element-plus vs naive-ui
• react-responsive-carousel vs react-image-gallery
• @radix-ui/react-primitive vs @chakra-ui/react
• sonner vs react-hot-toast
• react-responsive-carousel vs react-fast-marquee
• @headless-tree/core vs @gluestack-ui/utils
• embla-carousel vs swiper
• shadcn vs flowbite
• react-responsive-carousel vs keen-slider
• embla-carousel vs keen-slider
• swiper vs keen-slider