Package category
UI component libraries
Ready-made components: buttons, modals, tables, menus.
1,602 packages12 comparisons
Packages compared
1,602 packages
| Package | Weekly downloads | 12-month change | 52 weeks | Gzip | Last release | Module | Types | Categories |
|---|---|---|---|---|---|---|---|---|
| stylelint-config-recess-order Recess-based property sort order for Stylelint. | 358.7k | +5% | - | 1 month ago 7.8.0 | ESM only | None | Linting and formatting, UI component libraries | |
| @mui/x-data-grid-premium The Premium plan edition of the MUI X Data Grid Components. | 353.6k | - | - | - | 8 days ago 9.14.0 | ESM + CommonJS | Bundled | Tables and data grids, React |
| @univerjs/design Shared React design components, styles, and locale resources for Univer UI packages. | 341k | - | - | - | 1 day ago 1.0.2 | ESM + CommonJS | Bundled | UI component libraries, React |
| ag-stack Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue | 334.9k | - | - | 9 days ago 36.2.0 | ESM + CommonJS | Bundled | Tables and data grids, React | |
| react-native-paper Material design for React Native | 330.9k | +16% | - | 4 months ago 5.15.3 | ESM + CommonJS | Bundled | UI component libraries, React | |
| @chakra-ui/layout Chakra UI layout components that give you massive speed | 311.4k | - | - | - | 3 years ago 2.3.1 | ESM + CommonJS | Bundled | React, UI component libraries |
| @lobehub/ui Lobe UI is an open-source UI component library for building AIGC web apps | 308.1k | - | - | - | 1 day ago 5.49.1 | ESM only | Bundled | UI component libraries |
| @chakra-ui/form-control React component to provide validation states to form fields | 307.9k | - | - | - | 2 years ago 2.2.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| react-image-gallery React carousel image gallery component with thumbnail and mobile support | 307.6k | +3% | - | 6 months ago 2.1.2 | ESM + CommonJS | Bundled | UI component libraries, React | |
| @blueprintjs/core Core styles & components | 306.9k | - | - | - | 7 days ago 6.20.0 | ESM + CommonJS | Bundled | UI component libraries |
| @chakra-ui/spinner A React component for displaying spinners and loaders | 306.4k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| react-addons-shallow-compare >**Note:** >This is a legacy React addon, and is no longer maintained. > >We don't encourage using it in new code, but it exists for backwards compatibility. >The recommended migration path is to use [`React.PureComponent`](https://facebook.github.io/re | 305.9k | -8% | - | - 15.6.3 | CommonJS | None | React, UI component libraries | |
| @chakra-ui/react-env Component and hook for handling window and document object in iframe or ssr environment | 303.5k | - | - | - | 3 years ago 3.1.0 | ESM + CommonJS | Bundled | React, Static site generators and meta-frameworks |
| @chakra-ui/popper A React component and hooks wrapper for popper.js | 301.9k | - | - | - | 3 years ago 3.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/checkbox A React Checkbox component for use in forms | 296.6k | - | - | - | 2 years ago 2.3.2 | ESM + CommonJS | Bundled | React, UI component libraries |
| @ag-grid-community/core Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue | 293.5k | - | - | - | 1 year ago 32.3.9 | ESM + CommonJS | Bundled | Tables and data grids, React |
| @chakra-ui/counter A React hook for managing counters | 292.7k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/alert A React component used to alert users of a particular screen area that needs user action | 292.4k | - | - | - | 2 years ago 2.2.2 | ESM + CommonJS | Bundled | UI component libraries, React |
| @chakra-ui/slider Accessible slider component for React that implements <input type=range> | 291.3k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | Accessibility, React |
| @chakra-ui/popover A React component to render that renders its content in a popover | 290k | - | - | - | 3 years ago 2.2.1 | ESM + CommonJS | Bundled | React, DOM and browser utilities |
| @chakra-ui/number-input An accessible numeric input alternative to <input type='number' /> | 288.9k | - | - | - | 2 years ago 2.1.2 | ESM + CommonJS | Bundled | Accessibility, UI component libraries |
| @chakra-ui/tabs Accessible Tabs component for React and Chakra UI | 288.5k | - | - | - | 3 years ago 3.0.0 | ESM + CommonJS | Bundled | Accessibility, React |
| @chakra-ui/skeleton React component to render a placeholders while you wait for content to load | 287.3k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/accordion A simple and accessible accordion component for React & Chakra UI | 286.4k | - | - | - | 3 years ago 2.3.1 | ESM + CommonJS | Bundled | Accessibility, UI component libraries |
| @chakra-ui/button A React component that is a base button. | 285.9k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/pin-input A React component optimized for entering sequences of digits | 285.4k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/table Table component for React and Chakra UI | 285.3k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | Accessibility, React |
| @chakra-ui/theme-utils A Quick description of the component | 284.2k | - | - | - | 2 years ago 2.0.21 | ESM + CommonJS | Bundled | Accessibility, React |
| @chakra-ui/switch A React component to view and switch between on or off states. | 284k | - | - | - | 2 years ago 2.1.2 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/image React component for progressive image loading | 283.4k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/input A React component for input text field | 283.2k | - | - | - | 2 years ago 2.1.2 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/tag This component displays as a tag with an optional link and/or button to remove the given tag. | 282.3k | - | - | - | 3 years ago 3.1.1 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/radio A React component to render custom Radio input types | 282.2k | - | - | - | 2 years ago 2.1.2 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/object-utils A Quick description of the component | 282k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | Accessibility, React |
| @chakra-ui/tooltip A React Component for rendering dynamically positioned Tooltips | 281.9k | - | - | - | 2 years ago 2.3.1 | ESM + CommonJS | Bundled | UI component libraries, React |
| @chakra-ui/avatar A React component used to show users avatar or initials | 281.2k | - | - | - | 3 years ago 2.3.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/editable React component used to build inline-editable components | 280.9k | - | - | - | 3 years ago 3.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/textarea Textarea React component for Chakra UI | 280.1k | - | - | - | 2 years ago 2.1.2 | ESM + CommonJS | Bundled | React, UI component libraries |
| @chakra-ui/stat A React component for displaying statistics | 279.4k | - | - | - | 3 years ago 2.1.1 | ESM + CommonJS | Bundled | React, Charts and data visualisation |
| @chakra-ui/control-box Chakra UI ControlBox component | 279k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @mui/styled-engine-sc styled() API wrapper package for styled-components. | 278.5k | - | - | - | 29 days ago 9.4.0 | ESM + CommonJS | Bundled | React, CSS-in-JS and styling |
| @chakra-ui/provider Theme and components agnostic ChakraProvider | 271.9k | - | - | - | 2 years ago 2.4.2 | ESM + CommonJS | Bundled | UI component libraries, React |
| @storybook/svelte Storybook Svelte renderer: Develop, document, and test UI components in isolation. | 260.5k | - | - | - | 23 days ago 10.6.0 | ESM only | Bundled | Documentation tooling, Svelte |
| @headless-tree/core The definitive tree component for the Web | 259.6k | - | - | - | 4 months ago 1.7.0 | ESM + CommonJS | Bundled | React, UI component libraries |
| @mantine/code-highlight Code highlight with Mantine theme | 256.1k | - | - | - | 4 days ago 9.6.2 | ESM + CommonJS | Bundled | UI component libraries, React |
| @storybook/svelte-vite Storybook for Svelte and Vite: Develop, document, and test UI components in isolation | 253.2k | - | - | - | 23 days ago 10.6.0 | ESM only | Bundled | Documentation tooling, Bundlers |
| @mantine/spotlight Command center components for react and Mantine | 238.1k | - | - | - | 4 days ago 9.6.2 | ESM + CommonJS | Bundled | UI component libraries, React |
| @heroui/theme The default theme for HeroUI components | 237.7k | - | - | - | 7 months ago 2.4.26 | ESM + CommonJS | Bundled | CSS-in-JS and styling, UI component libraries |
| @assistant-ui/react-ai-sdk Vercel AI SDK adapter for assistant-ui | 235.1k | - | - | - | 1 day ago 1.4.13 | ESM only | Bundled | React, Cloud SDKs |
| @chakra-ui/react-types A Quick description of the component | 230.8k | - | - | - | 3 years ago 2.0.6 | - | Bundled | React, 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.
- stylelint-config-recess-orderRecess-based property sort order for Stylelint.
- @mui/x-data-grid-premiumThe Premium plan edition of the MUI X Data Grid Components.
- @univerjs/designShared React design components, styles, and locale resources for Univer UI packages.
- ag-stackAdvanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
- react-native-paperMaterial design for React Native
- @chakra-ui/layoutChakra UI layout components that give you massive speed
- @lobehub/uiLobe UI is an open-source UI component library for building AIGC web apps
- @chakra-ui/form-controlReact component to provide validation states to form fields
- react-image-galleryReact carousel image gallery component with thumbnail and mobile support
- @blueprintjs/coreCore styles & components
- @chakra-ui/spinnerA React component for displaying spinners and loaders
- react-addons-shallow-compare>**Note:** >This is a legacy React addon, and is no longer maintained. > >We don't encourage using it in new code, but it exists for backwards compatibility. >The recommended migration path is to use [`React.PureComponent`](https://facebook.github.io/re
- @chakra-ui/react-envComponent and hook for handling window and document object in iframe or ssr environment
- @chakra-ui/popperA React component and hooks wrapper for popper.js
- @chakra-ui/checkboxA React Checkbox component for use in forms
- @ag-grid-community/coreAdvanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
- @chakra-ui/counterA React hook for managing counters
- @chakra-ui/alertA React component used to alert users of a particular screen area that needs user action
- @chakra-ui/sliderAccessible slider component for React that implements <input type=range>
- @chakra-ui/popoverA React component to render that renders its content in a popover
- @chakra-ui/number-inputAn accessible numeric input alternative to <input type='number' />
- @chakra-ui/tabsAccessible Tabs component for React and Chakra UI
- @chakra-ui/skeletonReact component to render a placeholders while you wait for content to load
- @chakra-ui/accordionA simple and accessible accordion component for React & Chakra UI
- @chakra-ui/buttonA React component that is a base button.
- @chakra-ui/pin-inputA React component optimized for entering sequences of digits
- @chakra-ui/tableTable component for React and Chakra UI
- @chakra-ui/theme-utilsA Quick description of the component
- @chakra-ui/switchA React component to view and switch between on or off states.
- @chakra-ui/imageReact component for progressive image loading
- @chakra-ui/inputA React component for input text field
- @chakra-ui/tagThis component displays as a tag with an optional link and/or button to remove the given tag.
- @chakra-ui/radioA React component to render custom Radio input types
- @chakra-ui/object-utilsA Quick description of the component
- @chakra-ui/tooltipA React Component for rendering dynamically positioned Tooltips
- @chakra-ui/avatarA React component used to show users avatar or initials
- @chakra-ui/editableReact component used to build inline-editable components
- @chakra-ui/textareaTextarea React component for Chakra UI
- @chakra-ui/statA React component for displaying statistics
- @chakra-ui/control-boxChakra UI ControlBox component
- @mui/styled-engine-scstyled() API wrapper package for styled-components.
- @chakra-ui/providerTheme and components agnostic ChakraProvider
- @storybook/svelteStorybook Svelte renderer: Develop, document, and test UI components in isolation.
- @headless-tree/coreThe definitive tree component for the Web
- @mantine/code-highlightCode highlight with Mantine theme
- @storybook/svelte-viteStorybook for Svelte and Vite: Develop, document, and test UI components in isolation
- @mantine/spotlightCommand center components for react and Mantine
- @heroui/themeThe default theme for HeroUI components
- @assistant-ui/react-ai-sdkVercel AI SDK adapter for assistant-ui
- @chakra-ui/react-typesA Quick description of the component
- 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