librariesWeb Frontend
Web Frontend libraries
177 guides in this shelf, each one written to answer whether you should use the thing, not to sell it.
What our runs found on this shelf
We installed 177 of these 177 packages in a clean container and recorded what happened. The median install took 1.3s and left 5 MB on disk across 4 packages. class-variance-authority was the quickest at 0.3s. The lightest was postcss at 1 MB; the heaviest, next-intl, pulled 374 MB. 3 of them reported at least one known vulnerability at install time.
Numbers come from our own runs, not from the packages\u2019 own claims. How we test \u2192
- postcss · npm
- react · npm
- react-dom · npm
- tailwindcss · npm
- htmlparser2 · npm
- tailwind-merge · npm
- autoprefixer · npm
- @tanstack/react-query · npm
- class-variance-authority · npm
- react-hook-form · npm
- recharts · npm
- next · npm
- zustand · npm
- react-router · npm
- sonner · npm
- reselect · npm
- framer-motion · npm
- react-router-dom · npm
- redux · npm
- web-vitals · npm
- vaul · npm
- embla-carousel · npm
- react-redux · npm
- image-size · npm
- input-otp · npm
- react-markdown · npm
- classnames · npm
- sass · npm
- preact · npm
- @reduxjs/toolkit · npm
- query-string · npm
- loglevel · npm
- superagent · npm
- @tanstack/react-virtual · npm
- clean-css · npm
- @tanstack/react-router · npm
- colord · npm
- @tanstack/react-table · npm
- motion · npm
- cssnano · npm
- @svgr/core · npm
- swr · npm
- css-declaration-sorter · npm
- react-error-boundary · npm
- vue · npm
- mermaid · npm
- three · npm
- react-dropzone · npm
- chart.js · npm
- @react-email/render · npm
- less · npm
- stylelint · npm
- styled-components · npm
- @xyflow/react · npm
- @vueuse/core · npm
- @mdx-js/mdx · npm
- @mui/material · npm
- estree-util-build-jsx · npm
- react-select · npm
- react-textarea-autosize · npm
- qrcode.react · npm
- shadcn · npm
- idb-keyval · npm
- openapi-fetch · npm
- canvas-confetti · npm
- nanostores · npm
- canvas · npm
- react-freeze · npm
- react-syntax-highlighter · npm
- lottie-web · npm
- react-draggable · npm
- use-debounce · npm
- ky · npm
- @monaco-editor/react · npm
- react-use-measure · npm
- @use-gesture/react · npm
- @apollo/client · npm
- html-to-image · npm
- bootstrap · npm
- react-pdf · npm
- react-colorful · npm
- jotai · npm
- @angular/core · npm
- svelte · npm
- usehooks-ts · npm
- css-box-model · npm
- flmngr · npm
- @react-spring/web · npm
- use-intl · npm
- next-intl · npm
- react-datepicker · npm
- react-number-format · npm
- @visx/group · npm
- suspend-react · npm
- @visx/scale · npm
- echarts · npm
- @react-three/fiber · npm
- lexical · npm
- @visx/shape · npm
- react-quill · npm
- @visx/curve · npm
- react-intersection-observer · npm
- pinia · npm
- @visx/vendor · npm
- vite-compatible-readable-stream · npm
- @lexical/markdown · npm
- @ctrl/tinycolor · npm
- @lexical/yjs · npm
- gsap · npm
- @lexical/react · npm
- markdown-to-jsx · npm
- css-selector-parser · npm
- downshift · npm
- nuqs · npm
- react-resizable · npm
- formik · npm
- @visx/event · npm
- @visx/responsive · npm
- sortablejs · npm
- @uiw/react-codemirror · npm
- icu-minify · npm
- fontace · npm
- @visx/grid · npm
- react-hotkeys-hook · npm
- swiper · npm
- style-search · npm
- @xterm/xterm · npm
- tunnel-rat · npm
- @neoconfetti/react · npm
- mobx-react-lite · npm
- sql-highlight · npm
- html-dom-parser · npm
- react-toastify · npm
- country-flag-icons · npm
- html-react-parser · npm
- mobx · npm
- solid-js · npm
- react-property · npm
- react-email · npm
- @react-three/drei · npm
- react-grid-layout · npm
- exenv · npm
- vue-i18n · npm
- react-promise-suspense · npm
- promise-worker-transferable · npm
- react-hot-toast · npm
- icss-replace-symbols · npm
- hex-rgb · npm
- antd · npm
- loglevel-plugin-prefix · npm
- react-side-effect · npm
- node-ensure · npm
- custom-event · npm
- react-focus-lock · npm
- react-leaflet · npm
- react-helmet · npm
- nano-css · npm
- csscolorparser · npm
- @vue-macros/common · npm
- use-memo-one · npm
- react-clientside-effect · npm
- @react-leaflet/core · npm
- cssfontparser · npm
- react-virtuoso · npm
- moo-color · npm
- ag-charts-types · npm
- react-virtualized-auto-sizer · npm
- react-universal-interface · npm
- framesync · npm
- parse-css-color · npm
- react-intl · npm
- react-base16-styling · npm
- ag-grid-community · npm
- dom-serialize · npm
- reduce-css-calc · npm
- sanitize.css · npm
- css-color-names · npm