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.

• @chakra-ui/themeThe default theme for chakra components
• @zag-js/floating-panelCore logic for the floating-panel widget implemented as a state machine
• @zag-js/toggleCore logic for the toggle widget implemented as a state machine
• @zag-js/angle-sliderCore logic for the angle-slider widget implemented as a state machine
• @zag-js/password-inputCore logic for the password-input widget implemented as a state machine
• @zag-js/scroll-areaCore logic for the scroll-area widget implemented as a state machine
• @zag-js/json-tree-utilsUtilities for building json tree data
• @zag-js/async-listCore logic for the async-list widget implemented as a state machine
• @zag-js/marqueeCore logic for the marquee widget implemented as a state machine
• @zag-js/image-cropperCore logic for the image-cropper widget implemented as a state machine
• @zag-js/navigation-menuCore logic for the navigation-menu widget implemented as a state machine
• @chakra-ui/hooksReact hooks for Chakra components
• @zag-js/drawerCore logic for the drawer widget implemented as a state machine
• embla-carousel-auto-scrollAn auto scroll plugin for Embla Carousel
• @zag-js/cascade-selectCore logic for the cascade-select widget implemented as a state machine
• primevuePrimeVue is a premium UI library for Vue featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, wh
• @zag-js/element-sizeObserver the size of an element over time
• vega-tooltipA tooltip plugin for Vega-Lite and Vega visualizations.
• react-responsive-carouselReact Responsive Carousel
• element-plusA Component Library for Vue 3
• @mui/material-nextjsCollection of utilities for integration between Material UI and Next.js.
• primengPrimeNG is a premium UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock,
• @faceless-ui/modalAmerica's next top modal
• @aw-web-design/x-default-browserDetect default web browser of the current user, cross-platform (Win/Lin/Mac)
• react-popper-tooltipReact tooltip library built around react-popper
• react-floaterFloaters everywhere!
• embla-carousel-vueA lightweight carousel library with fluid motion and great swipe precision
• @zag-js/date-inputCore logic for the date-input widget implemented as a state machine
• react-phone-input-2A react component to format phone numbers
• @heroui/react🚀 Beautiful and modern React UI library built with Tailwind CSS 4.0.
• flowbiteThe most popular library of interactive components built with Tailwind CSS
• embla-carousel-auto-heightAn auto height plugin for Embla Carousel
• @ng-bootstrap/ng-bootstrapAngular powered Bootstrap
• embla-carousel-class-namesA class name toggle plugin for Embla Carousel
• vaul-vueVaul Vue is an unstyled drawer component for Vue that can be used as a Dialog replacement on tablet and mobile devices. It uses [Reka UI's Dialog primitive](https://www.reka-ui.com/docs/components/dialog) under the hood and is a feature complete port of [
• react-native-toast-messageToast message component for React Native
• reactstrapReact Bootstrap components
• @chakra-ui/react-utilsReact utilities and helpers for Chakra UI
• react-native-modalAn enhanced React Native modal
• @chakra-ui/color-modeReact component and hooks for handling light and dark mode.
• @chakra-ui/systemChakra UI system primitives
• @nuxt/uiA UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
• @storybook/angularStorybook for Angular: Develop, document, and test UI components in isolation
• @mantine/dropzoneDropzone component built with Mantine theme and components
• react-fast-marqueeA lightweight React component that utilizes the power of CSS animations to create silky smooth marquees.
• svelte-sonnerAn opinionated toast component for Svelte.
• @shadcn/lintA programmable agent-first linter for Tailwind design systems.
• react-native-reanimated-carouselA performant, customizable carousel for React Native powered by Reanimated.
• @mantine/modalsModals manager based on Mantine components
• playroomDesign with code, powered by your own component library

• 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