What’s New for Designers & Developers from 2022: JavaScript & jQuery Plugins

We’ve seen some incredible resources for designers and developers throughout 2022.

The first roundup for “What’s New for Designers & Developers from 2022” will be what were some of the best and greatest JavaScript and jQuery plugins that either got released or been updated. From zero-dependency JavaScript libraries, finding bugs in JavaScript, JavaScript framework, React resources.

I’m excited to look forward to what the web will bring in 2023, but in the meantime, take a look back at the best JavaScript and jQuery based plugins and resources of 2022. Enjoy!

January

Million

Current Virtual DOM implementations are inadequate. Ranging from over complicated to abandoned, most are unusable without sacrificing raw performance and size. Million aims to fix this, providing a library-agnostic Virtual DOM to serve as the core for JavaScript libraries that focus on pre-compilation and static analysis.

Quick lint JS

Quick Lint JS

ESLint finds bugs. Or does it? ESLint is so slow that you don’t bother until you make a PR. So what’s the point?

quick-lint-js is different. Instantly find bugs in JavaScript, right in your editor. Waste less time fiddling with ESLint plugins and configs and more time tweaking margins and rounded corners.

February

Faker

Generate massive amounts of fake (but realistic) data for testing and development.

Chroma.js

chroma.js is a small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales.

March

MasterJS

Masterjs

All-In-One, free resources and collections related to JavaScript. we provide useful links to help you learn JavaScript, web development and other related stuff along with some of the best resources available online.

lwder.js

Lwder

Lightweight Loading Animation

Vizzu

Vizzu is a free, open-source JavaScript library for animated data stories and visualisations.

April

Shader Park

Shader Park Core

A JavaScript library for creating interactive procedural 2D and 3D shaders.

Ultra

Ultra Js

Ultra is a web framework that leans hard into your browser’s native features. Embrace the future of ES Modules, Import Maps, and Web Streams. All while supporting some of the non-standards that many normal people love for some reason (JSX and TypeScript).

Piling.js

Piling.js is a JavaScript library to build visual piling interfaces for exploring large collections of small multiples. This JS library is data-agnostic and build around a declarative view specification to avoid having to write low-level code. Being build on top of PixiJS’ powerful WebGl rendering framework. It can render up to several thousand small multiples.

May

Wikifox.js

Wikifoxjs

A Restful, powerful and Light Weight JavaScript Library that connects Wikipedia API!

Voici.js

Voici

voici.js (speak: /vwasi/) is an open source Node.js library written in TypeScript for beautifully displaying datasets in tabular form on the terminal.

Lexical

An extensible JavaScript web text-editor framework from Facebook with an emphasis on reliability, accessibility and performance.

June

octaValidate

Octavalidate

This Tiny Script helps to validate your HTML forms using validation rules, sophisticated regular expressions and form input attributes.

PushIn.js

Pushin.js

PushIn.js is a lightweight parallax effect, built with JavaScript, that simulates an interactive dolly-in or push-in animation on a webpage.

DFlex

Dflex

A Drag-and-Drop library for all JavaScript frameworks

XSAlert

Xsalert

A nice, easy-to-use, responsive and fully customizable JavaScript Alert that’s new jQuery to be required.

July

Moon

Moon Repo

moon is a repository management, organization, orchestration, and notification tool for JavaScript based projects, written in Rust. Many of the concepts within moon are heavily inspired from Bazel and other popular build systems, but tailored for the JavaScript ecosystem.

Fontkit

Foliojs Fontkit

Fontkit is an advanced font engine for Node and the browser, used by PDFKit. It supports many font formats, advanced glyph substitution and layout features, glyph path extraction, color emoji glyphs, font subsetting, and more.

Plasmo Framework

The Plasmo Framework is a battery-packed browser extension SDK made by hackers for hackers. Build your product and stop worrying about config files and the odd peculiarities of building browser extensions.

August

InstantGeo

Instant Geo

InstantGeo.info is a service that provides geo location information about a user with super tiny and performant JavaScript file.

Add To Calendar Button

The convenient JavaScript snippet, which lets you reliably create beautiful buttons, where people can add events to their calendars.

Bun

Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one.

September

Playcode

A JavaScript playground with instant live preview and console.

90’s Cursor Effects

90's Cursors

Old-school cursor effects for your browser built with modern JavaScript

October

MathLive.js

Mathlive

MathLive provides a JavaScript implementation that faithfully reproduces the output of TeX.

React Joyride v2

React Joyride

Create guided tours for your apps.

Theatre.js v0.5

Theatre Js

Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.

November

Spark

Spark is a Discord.js handler for TypeScript & JavaScript projects.

CarrierJS

Carrier Js

Carrier JS is promise based HTTP client for browsers. It is used to interact with servers with ultimate caching feature. You can retrieve data from a URL without having to do a full page refresh. This enables a Web page to update just part of a page without disrupting what the user is doing.

Ultra

Ultra is a fast and efficient package manager for JavaScript, it uses a shared store to install packages faster and save space on common dependencies shared by your projects. Also it comes with some commands like “create” to initialise template projects.