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.

• datatables.net-buttons-bsButtons for DataTables with styling for [Bootstrap](https://getbootstrap.com/docs/3.3/)
• svelte-simple-modalA small and simple modal for Svelte
• react-activityActivity indicator component library for React applications.
• react-snap-carouselDOM-first, headless carousel for React, utilizing native browser scrolling & CSS scroll snap points
• @syncfusion/ej2-angular-dropdownsEssential JS 2 DropDown Components for Angular
• @mui/material-pigment-cssA wrapper over Pigment CSS that provides the same styled and theming APIs as Material UI.
• lemonadejsLemonade is a lightweight, micro reactive agnostic JavaScript library to create quick and reusable reactive JS components, with no dependencies.
• @chatscope/use-chatReact hook for state management in chat applications
• @gravity-ui/uikitGravity UI base styling and components
• @progress/kendo-react-listboxReact ListBox enables you to display a list of items and manage the data between multiple lists. KendoReact ListBox package
• @gluestack-ui/configThemed configuration for gluestack-ui components
• react-cool-virtualA tiny React hook for rendering large datasets like a breeze.
• @syncfusion/ej2-angular-inputsA package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for Angular
• datatables.net-fixedheader-bs5FixedHeader for DataTables with styling for [Bootstrap5](https://getbootstrap.com/)
• @chakra-ui/props-docsExtracts prop types for documentation purposes
• @ngneat/helipopperA Powerful Tooltip and Popover for Angular Applications
• @zag-js/tabbableSmall utility that returns an array of all* tabbable DOM nodes within a containing node.
• @syncfusion/ej2-angular-buttonsA package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for Angular
• react-flickity-componentreact flickity component
• @syncfusion/ej2-react-buttonsA package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for React
• beercssBuild material design interfaces in record time... without stress for devs.
• angular-bootstrap-colorpickerNative AngularJS colorpicker directive
• @daformat/react-headless-carouselA react headless carousel component, with no dependencies, supporting drag to scroll, inertia, rubber-banding, snapping, looping, autoplay and more
• glider-jsA fast, lightweight carousel alternative
• ngx-slick-carousel[](https://badge.fury.io/js/ngx-slick-carousel) [](https://travis-ci.com/leo6104/ngx-slick-carousel)
• @syncfusion/ej2-react-pdfviewerEssential JS 2 PDF viewer Component for React
• react-bootstrap-tableIt's a react table for bootstrap
• carbon-preprocess-svelteZero-dependency Svelte preprocessors and build plugins for the Carbon Design System
• datatables.net-searchpanes-bs4SearchPanes for DataTables with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
• jspreadsheetJspreadsheet is a lightweight, vanilla javascript data grid plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
• @syncfusion/ej2-angular-scheduleFlexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support. for Angular
• react-bootstrap-table2-filterit's a column filter addon for react-bootstrap-table2
• simple-datatablesA lightweight, dependency-free JavaScript HTML table plugin.
• @terrazzo/plugin-css-in-jsUse CSS Vars in clientside JS. Compatible with Linaria, StyleX, Vanilla Extract, Styled Components, and most CSS-in-JS libraries.
• datatables.net-searchbuilder-bs4SearchBuilder for DataTables with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
• @equinor/eds-utilsUtility functions and hooks for the Equinor Design System
• @material-ui/styled-engineMaterial-UI Styled - Wrapper package for emotion.
• @syncfusion/ej2-react-spreadsheetFeature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for React
• maz-uiA standalone components library for Vue.Js 3 & Nuxt.Js 3
• @syncfusion/ej2-angular-chartsFeature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Angular
• @syncfusion/ej2-react-chartsFeature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for React
• react-step-progress-barA library to create stunning progress bars and steps in React.
• ng-toastAngular provider for toast notifications
• mantine-contextmenuCraft 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
• react-bootstrap-table2-editorit's the editor addon for react-bootstrap-table2
• jasny-bootstrapAdditional features and components for Bootstrap
• react-native-swiper-flatlistReact native swiper flatlist component
• react-toastlineA tiny, zero-dependency, accessible toast notification system for React. Use it declaratively with hooks, or imperatively from anywhere in your app — even outside React components.
• @21st-dev/magicMagic MCP is now the 21st MCP. This package is a compatibility proxy kept for old configs - new setups should use `npx @21st-dev/cli@latest init`. Setup: https://21st.dev/mcp
• bootstrap-material-designMaterial Design for Bootstrap 4

• 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