A handpicked collection of essential, useful, and powerful npm packages to boost your development workflow. From productivity tools to performance optimizers, this repo keeps you updated with the best packages every developer should know!
| Name | Description | Link |
|---|---|---|
| Prettier | An opinionated code formatter for JavaScript, TypeScript, HTML, CSS, and more—automatically formats code for consistency and readability. | Link |
| ESLint | A powerful JavaScript/TypeScript linter that helps detect and fix code issues, enforce coding standards, and maintain consistent style across your project. | Link |
| Name | Description | Link |
|---|---|---|
| React Fast Marquee | A minimalist, MIT‑licensed React component leveraging CSS animations for smooth, high‑performance marquees; ~4.3 kB gzipped and actively maintained. | Link |
| React Marquee Slider | React Marquee Slider is a package that provides a customizable marquee/slider component for React, allowing smooth horizontal scrolling of content like images or text. It's lightweight and easy to integrate for creating scrolling banners or tickers. | Link |
| React Ticker | A lightweight React component for endlessly scrolling text, images, or video like a news ticker with configurable speed, direction, and modes. | Link |
| date-fns | A modern JavaScript date utility library offering over 200 functions for formatting, parsing, and manipulating dates with immutable, pure functions; lightweight and tree-shakeable. | Link |
| Lexical | An extensible, highly‑performant text‑editor framework by Meta focusing on accessibility and reliability; provides React bindings but no built‑in UI components—ideal for building custom editors. | Link |
| Lodash | A widely used JavaScript utility library providing modular functions for arrays, objects, strings, and more; known for improving performance and code readability. | Link |
| TipTap (@tiptap/react) | A headless rich‑text editor built on ProseMirror, offering a React wrapper for framework‑agnostic, extension‑driven editor experiences. | Link |
| Quill | A modular WYSIWYG rich‑text editor for the web with built‑in toolbar and themes; battle‑tested and widely adopted. | Link |
| React PDF | A React renderer for PDF files, enabling display of PDFs in React apps using PDF.js under the hood. | Link |
| React-pdf/renderer | A React library for generating PDFs in the browser or Node.js using JSX, layout primitives, embedded fonts, and supports styling. | Link |
| Moment.js | A legacy JavaScript date library for parsing, formatting, and manipulating dates; heavyweight, mutable, and largely succeeded by modern alternatives like date‑fns or Luxon. | Link |
| React error boundary | A simple, customizable React component for handling errors via fallback UIs using the official Error Boundary pattern. | Link |
| React Countdown Circle Timer | A React component that shows an animated circular countdown timer with customizable duration, colors, and callbacks.. | Link |
| React Timer Hook | A React hook (and component) for building timers (countdown, stopwatch) via declarative hook APIs supporting control and formatting. | Link |
| TS Particles/react | A highly configurable React wrapper for tsparticles — build interactive particle animations (confetti, snow,.background effects) with full control. | Link |
| React Parallax Tilt | A React component for adding 3D tilt/parallax hover interactions to elements like cards and images. | Link |
| React typing effect text animation component | A React component that animates text typing effect (auto typing and deleting) with customizable delays and loops. | Link |
| React Typical | A minimal React typing animation component that sequentially types and erases strings in a loop. | Link |
| React Type Animation | A flexible React component for typing animations supporting timing, multiple sequences, and cursor styles. | Link |
| SwiperJS (React) | A modern, touch-friendly slider/carousel library with React bindings, supporting responsive layouts, navigation, pagination, and rich effects like parallax and fade. | Link |
| Cropper.js | A powerful, responsive image-cropping library with zoom, rotate, drag, and aspect-ratio controls for web apps. | Link |
| SweetAlert2 | A modern replacement for default JavaScript alerts, offering beautiful, customizable pop-ups with animations and themes. | Link |
| React Snackbars | A flexible React library for showing stacked, dismissible snackbars with queueing, positioning, and customization. | Link |
| Name | Description | Link |
|---|---|---|
| Radix UI | A pristine, open-source library of unstyled, accessible React primitives designed for building high-quality design systems. | Link |
| ShadCN UI | A “copy‑and‑paste” React + Tailwind + Radix UI toolkit delivering accessible, customizable components and starter kits; popular but governance is slower on some PRs. | Link |
| Keep React | An open-source Tailwind‑based React component library offering pre‑designed, responsive UI elements. | Link |
| Chakra UI | A polished, accessible, composable React UI system with built‑in dark mode and WAI‑ARIA compliance. | Link |
| Fluent UI | Microsoft’s official React implementation of the Fluent Design System, feature-rich and enterprise-grade. | Link |
| RSuite | An actively maintained, TypeScript‑ready React component suite with comprehensive, modern UI elements for building desktop-first web UIs. | Link |
| Evergreen | Segment’s polished, enterprise‑grade React UI framework built on composable primitives; works out‑of‑the‑box with strong defaults and theming . | Link |
| Flowbite React | A pre‑release React + Tailwind CSS component library based on Flowbite design system, offering 30+ interactive components with dark‑mode support. | Link |
| Reakit | Unstyled, accessible primitives & hooks for building React UI libraries or apps. | Link |
| Grommet | Athemable, modular React framework focusing on accessibility and responsiveness, built on styled‑components. | Link |
| Material‑UI | Google’s flagship Material Design React UI framework with comprehensive, production‑ready components. | Link |
| Ant Design | Enterprise-grade React UI library implementing Ant Design spec with TypeScript support; widely used. | Link |
| React Spectrum | Adobe’s polished, accessible design system for React with comprehensive components; actively maintained and production among Adobe ecosystems. | Link |
| HeroUI | Lightweight React toolkit offering simple, styled components based on Hero design aesthetics; good for clean minimal interfaces. | Link |
| Tailwind CSS | Utility-first CSS framework for rapid UI development; highly popular. | Link |
| Blueprint | A comprehensive React-based UI toolkit by Palantir optimized for complex, data-dense desktop-style web apps; Apache‑2.0 licensed and best suited for feature-rich interfaces. | Link |
| React Admin | A robust, open-source framework for building B2B/SPAs with React, supporting REST/GraphQL APIs and CRUD interfaces out‑of‑the‑box; maintained by Marmelab with recent releases and enterprise-grade features. | Link |
| Park UI | A modular, framework-agnostic component library built on Ark UI & Panda CSS, offering customizable, design-system-ready UI blocks for React, Vue, and Solid. | Link |
| Headless UI | Completely unstyled, fully accessible React components (menus, dialogs, lists, etc.) designed for seamless Tailwind CSS integration; MIT‑licensed and recently updated. | Link |
| Name | Description | Link |
|---|---|---|
| Chart.js | A simple, lightweight JavaScript charting library that supports responsive, animated charts like line, bar, pie, radar, and more. | Link |
| Highcharts | A feature-rich, enterprise-ready charting library with extensive chart types, interactivity, and export options. | Link |
| Name | Description | Link |
|---|---|---|
| React Table | A headless, TypeScript‑first UI library offering powerful, customizable table & datagrid logic for React. | Link |
| Rsuite Table | A React table component with TypeScript support, featuring virtualization, fixed headers/columns, custom cells, tree/expandable rows & sorting. | Link |
| Material Table | A Material‑UI‑based React data table rich in features including inline editing; popular but largely unmaintained, with outdated dependencies and occasional compatibility fixes for MUI v6. | Link |
| MUI‑Datatables | A responsive, MUI‑styled datatable supporting filtering, sorting, pagination, export/print, column visibility & draggable columns. | Link |
| RC Table | A lightweight, MIT‑licensed React table UI component with built‑in TypeScript, summary rows, virtualization support. | Link |
| React Github Calendar | A React component to display GitHub activity heatmap calendar based on a user's GitHub contributions. | Link |
| AG Grid | A high-performance data grid with sorting, filtering, virtualization, editing, and enterprise features for large-scale React/JS apps. | Link |
| Name | Description | Link |
|---|---|---|
| MUX Player React | A React wrapper for the Mux Player web component, enabling adaptive streaming, captions, and analytics integration for video playback. | Link |
| Name | Description | Link |
|---|---|---|
| React Icons | A popular React library bundling icons from multiple icon sets (Font Awesome, Material, etc.) for easy inline SVG icons. | Link |