Top JavaScript Packages and Libraries That You Should Know in 2024

The options for packages and libraries are endless.

But not all tools are created equal, and that's why I'm here to share with you my personal picks for the most impactful JavaScript packages and libraries that are changing the game for developers everywhere.

Utility

radash: Powerful, strongly typed, and zero-dependency JavaScript utility library.

zod: A simple and fast data validation library for JavaScript.

tRPC: Allows you to easily build & consume fully typesafe APIs without schemas or code generation.

run-script-os: You will be able to use OS specific operations in npm scripts.

graphlib: A collection of graph theory algorithms and data structures for JavaScript.

State Management

tinyx: A tiny and fast state management library for JavaScript applications.

Zustand: A small, fast and scalable bearbones state-management solution using simplified flux principles for React applications.

Xstate: A library for state management and statecharts in JavaScript.

Jotai: Takes an atomic approach to global React state management with a model inspired by Recoil.

MobX: Simple, scalable state management for React.

UI

React: A JavaScript library for building user interfaces.

tiptap: A headless, framework-agnostic and extendable rich text editor.

lit.dev: A collection of web components for building fast and reusable UI.

floating-ui: A JavaScript library for anchor positioning — anchor a floating element next to another element while making sure it stays in view optimally.

CKEditor: CKEditor is a modern, feature-rich JavaScript text editor with clean UI and perfect UX. Easily customizable to any use case.

Overlayscrollbars: JavaScript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

Framework

Vue.js: An approachable, performant and versatile framework for building web user interfaces.

Angular: An application-design framework and development platform for creating efficient and sophisticated single-page apps.

Ember.js: A productive JavaScript framework for building modern web applications

Next.js: JavaScript framework for building server-side rendered React applications.

Nuxt.js: JavaScript framework for building server-side rendered Vue.js applications.

Gatsby: JavaScript framework for building fast, static websites and progressive web applications.

AlpineJS: A minimal JavaScript framework for composing behavior directly in your markup.

svelte: A reactive and efficient JavaScript framework for building user interfaces.

voby: A high-performance framework with fine-grained observable-based reactivity for building rich applications.

Replay.js: A cross-platform JS game engine inspired by React.

SolidJS: Simple and performant reactivity for building user interfaces.

Bundler

rollupjs: A module bundler for modern JavaScript applications.