A roundup of the latest and most popular development & design resources (Javascript & CSS libraries, Code snippets, Web Dev News & Resources, Curated AI Tools, Graphic Design Freebies, etc.) from the past week (Week 49, 2024).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
starfield.js — Interactive Star Field Background with JavaScript and Canvas. (Live Demo)
email-typo-fixer — Auto Email Correction & Formatting. (Live Demo)
pixel-canvas — Add Pixel Shimmer Effects to Any Element on Hover. (Live Demo)
3D Liquid Progress Bar — 3D Liquid Progress Bar in Pure CSS/CSS3. (Live Demo)
SimpleGauge — Create simple gauge charts using only HTML, CSS, and JavaScript. (Live Demo)
The Holiday Overlay — A compact JavaScript library for handling holidays in web applications.. (Live Demo)
DialogStack — Accessible Stacked Dialogs for shadcn/ui. (Live Demo)
Snowfall Effect — Interactive Snowfall Effect with Dynamic Starry Sky Background. (Live Demo)
markdown-it-async — Enhance markdown-it to support async highlight function.
BRiCSS — A simple and customizable low-level CSS library generator. (Live Demo)
vaxee — A simple and easy-to-use library for Vue 3 to manage the state of your application. (Live Demo)
Arops — A lightweight and efficient JavaScript library offering a suite of utilities for advanced array manipulation and operations. (Live Demo)
react-sfc — Single File Components (SFC) for react.
react-vite-js-starter — React Vite Starter with Tailwind CSS, Axios, React Icons, and Sass.
Tiny Signals — Persist form values across page refreshes and client side routing with optional React components and hooks. (Live Demo)
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
react-scan — Scan for React performance issues and eliminate slow renders in your app.
json4u — The best JSON visualization and processing tool.
scooter — Interactive find and replace in the terminal.
htmy — Async, pure-Python rendering engine.
ContainerScript — Firefox Addon for programmatically assigning URLs to containers.
PathFinder — A tool designed to visualize call graphs of source code.
html2llm — An experimental project to convert HTML websites into a format compatible with large language models (LLMs), enabling seamless website navigation and content reading.
Graphic Design Freebies
Font-Cassini — Icon font set of Cassini map symbols for use with GIS and spatial analysis tools.
iPhone 16 Mockup — iPhone 16 Mockup For Commercial Use.
Mascot Font — A serif font that mixes classic and modern elements.
Discover more Graphic Design Freebies →
Curated Free AI Tools
Professor Blue — AI-Powered YouTube Search for Students and Educators.
git2txt — Free CLI Tool Converts GitHub Repos to Text for LLMs.
AI Santa Video — Magical Personalized Holiday Greetings in Minutes.
News & Articles
Deno v. Oracle: Canceling the JavaScript Trademark ( Link)
npm Up dates Search Experience with New Objective Sorting Options ( Link)
Node v22.12.0 Released ( Link)
Using Transformers.js for AI in the Browser ( Link)
Why AI Can’t Replace Developers: The Real Limits of AI in Coding ( Link)
Originally published at https://www.jqueryscript.net on December 9, 2024.