We’ve encountered numerous remarkable tools for designers and developers in the course of 2023.

The first roundup, titled “What’s New for Designers & Developers from 2023,” will showcase the standout JavaScript Code and Tools that were either newly introduced or received updates. This encompasses zero-dependency JavaScript libraries, charting library, jQuery plugins, JavaScript frameworks, and valuable React resources.

Anticipating the innovations the web will unveil in 2024 is exciting. Meanwhile, let’s reflect on the most notable JavaScript Code, plugins, tools and resources from 2023. Enjoy the journey!

January

Maska

Simple zero-dependency input mask for Vue.js and vanilla JS.

Chart.js 4.0

Simple yet flexible JavaScript charting library for the modern web.

Visx

visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM.

February

ScrollyVideo.js

Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.

Bay.js

An easy to use, lightweight library for web-components.

March

Sandworm

Sandworm audits your project and dependencies for vulnerabilities, license issues, and more. Works with any JS package manager, generates visualizations and a CSV report about license info. Secure and ensure compliance for your app’s dependencies.

Mermaid v10.0.0

JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

Unovis

A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript.

April

Million.js v2.0

Million is an extremely fast and lightweight virtual DOM that makes React up to 70% faster. Million makes creating user interfaces as easy (It’s just React!), but with faster rendering and loading speeds. TL;DR: Imagine React at the speed of raw JavaScript.

Kloner

A tiny, dependency-free JavaScript module for cloning/repeating elements.

May

Discm.js

Discm.js is a framework designed to simplify the process of creating Discord bots. It is built on top of the popular discord.js library and provides a streamlined interface for building powerful bots.

KV.js

KV.JS is a fast, in-memory data store written in pure JavaScript, heavily inspired by Redis and Memcached. It is capable of handling multiple data types, including strings, lists, sets, sorted sets, hashes, and geospatial indexes. Additionally, with more than 140 functions for various operations.

June

VanJS

VanJS (abbr. Vanilla JavaScript) is an ultra-lightweight, zero-dependency, and unopinionated Reactive UI framework based on pure vanilla JavaScript and DOM. Programming with VanJS feels a lot like React.

Garph

Garph is a tool for building GraphQL APIs without codegen. It provides a fullstack TypeScript experience and makes it easy to create and maintain GraphQL APIs.

BlockNote

BlockNote is a block-based rich-text editor for React, focused on providing a great out-of-the-box experience with minimal setup.

With BlockNote, we want to make it easy for developers to add a next-generation text editing experience to their app, with a UX that’s on-par with industry leaders like Notion or Coda.

Elementary

Elementary is a JavaScript framework and high performance audio engine that helps you build quickly and ship confidently.

July

LavaShark

A lightweight Node.js client built around the Lavalink node.

SquircleJS

This project aims to bring the iOS-style squircle to your front-end projects.

August

Wavesurfer.js

Wavesurfer.js is an open-source audio visualization library for creating interactive, customizable waveforms.

Driver.js 1.1.0

Powerful, highly customizable vanilla JavaScript engine to drive the user’s focus across the page No external dependencies, light-weight, supports all major browsers and highly customizable.

SignalDB

SignalDB is a client-side database with a MongoDB-like interface and TypeScript support. It allows easy data management, reactivity and persistence on the client side, with plans for future replication capabilities.

Storelocatorjs

Storelocatorjs is a fast and lightweight Javascript library to easily build a store locator using Google Maps API V3. Only 6Kb on production with gzip, Storelocatorjs has no dependency with any framework or library and is written in JavaScript Native.

September

Vite React Boilerplate

A production ready, scalable starter template for Vite + React

Better Select

Better Select is a minimal custom select, with the option to fallback to the native select on mobile devices.

Linkify

Linkify is a JavaScript plugin. Use Linkify to find links in plain-text and convert them to HTML <a> tags. It automatically highlights URLs, #hashtags, @mentions and more.

October

Nue

Nue is a powerful React, Vue, Next.js, Vite, and Astro alternative. It might change the way you develop for the web.

Quickboot.js

Reduce JS beyond tree-shaking. Quickboot.js is an experimental tool to reduce JS code size beyond tree-shaking. It uses runtime tracing, eval(), and sync XHR with non trivial trade-offs.

Swup

Swup stands out as a flexible and highly adaptable page transition library tailored for server-rendered websites. It expertly oversees the entire page loading process, ensuring seamless animations between the present and upcoming pages. Furthermore, Swup enhances user experience with convenient features such as caching, intelligent preloading, native browser history support, and improved accessibility.

November

LineMapper

LineMapper is a powerful JavaScript library for making your own branched 2D maps & branched timelines.

Autocomp.js

A super tiny Javascript autocomplete / autosuggestion library. Zero dependencies and ~800 bytes minified + gzipped.

Next-forge

next-forge is a boilerplate with everything you need to launch a production-ready app, including payments, push notifications, authentication, linting, error capture, product feedback loops, a waitlist, a design system and even AI integration.

December

Butterup

Crafted for effortless integration into your workflow. Butterup is a Vanilla JavaScript toast notification plugin that brings style and simplicity to your user interface. Lightweight and easily configurable, Butterup ensures that your site’s notifications are as smooth as butter, all without the burden of intricate dependencies.

Velite

Velite is a tool designed for constructing a type-safe data layer. It facilitates the transformation of Markdown, MDX, YAML, JSON, or other files into the app’s data layer using Zod schema.

VueNPM

VueNPM: Enhance your Vue.js journey! This sophisticated Vue package search engine offers unique features, including favorite package manager selection, quality control, exclusive Vue.js packages, and an impressive tabular list of Vue 3 packages.