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.

• @headless-tree/reactThe definitive tree component for the Web
• @progress/kendo-react-commonReact Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package
• @storybook/react-native-web-viteStorybook for React Native Web and Vite: Develop, document, and test UI components in isolation
• @vaadin/gridA free, flexible and high-quality Web Component for showing large amounts of tabular data
• @syncfusion/ej2-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.
• @chakra-ui/breakpoint-utilsA Quick description of the component
• @splidejs/splideSplide is a lightweight, flexible and accessible slider/carousel. No dependencies, no Lighthouse errors.
• @syncfusion/ej2-popupsA package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups.
• ng-zorro-antdAn enterprise-class UI components based on Ant Design and Angular
• @mantine/carouselEmbla based carousel
• @chakra-ui/lazy-utilsUtility functions for lazy loading disclosure elements
• @storybook/sveltekitStorybook for SvelteKit: Develop, document, and test UI components in isolation
• @heroui/formA form is a group of inputs that allows users submit data to a server and supports field validation errors.
• @mantine/tiptapRich text editor based on tiptap
• picomodalA small, self-contained JavaScript modal library
• @blueprintjs/selectComponents related to selecting items from a list
• naive-uiA Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
• @heroui/calendarA calendar displays one or more date grids and allows users to select a single date.
• @heroui/tableTables are used to display tabular data using rows and columns.
• @heroui/imageA simple image component
• keen-sliderThe HTML touch slider carousel with the most native feeling you will get.
• @atlaskit/tooltipA tooltip briefly describes an interactive element on mouse hover or keyboard focus.
• @syncfusion/ej2-calendarsA complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.
• @cloudflare/kumoKumo - Cloudflare's component library for building modern web applications
• @heroui/number-inputThe numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons
• react-focus-onThe final solution for WAI ARIA compatible modal dialogs or full-screen tasks.
• element-uiA Component Library for Vue.js.
• @storybook/web-componentsStorybook Web Components renderer: Develop, document, and test UI components in isolation
• @progress/kendo-react-popupReact Popup positions a piece of content next to a specific anchor component. KendoReact Popup package
• govuk-frontendGOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
• react-multi-carouselProduction-ready, lightweight fully customizable React carousel component that rocks supports multiple items and SSR(Server-side rendering) with typescript.
• @rjsf/muiMaterial UI 7 theme, fields and widgets for react-jsonschema-form
• @carbon/layoutLayout helpers for digital and software products using the Carbon Design System
• @carbon/colorsColors for digital and software products using the Carbon Design System
• @storybook/htmlStorybook HTML renderer: Develop, document, and test UI components in isolation
• ant-design-vueAn enterprise-class UI design language and Vue-based implementation
• react-addons-test-utilsThis package provides the React TestUtils add-on.
• react-native-collapsibleAnimated collapsible component for React Native using the Animated API. Good for accordions, toggles etc
• @carbon/feature-flagsBuild with feature flags in Carbon
• @carbon/gridGrid for digital and software products using the Carbon Design System
• @storybook/web-components-viteStorybook for Web Components and Vite: Develop, document, and test UI components in isolation
• @blueprintjs/datetimeComponents for interacting with dates and times
• @gluestack-ui/utilsUtility functions and hooks for gluestack-ui
• @progress/kendo-react-labelsReact Labels package provides components for labelling form editors. KendoReact Labels package
• react-devtoolsUse react-devtools outside of the browser
• @progress/kendo-react-buttonsAll you need in React Button in one package: disabled/enabled states, built-in styles and more. KendoReact Buttons package
• @melt-ui/svelte
• @syncfusion/ej2-gridsFeature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel.
• ng-apexchartsAn angular implementation of ApexCharts
• @carbon/typeTypography for digital and software products using the Carbon Design System

• 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