Weekly Web Design & Development News: Collective #582
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 Updates 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)
JavaScript & CSS Snippets
VFX-JS scroll animation
See the Pen VFX-JS scroll animation by Amagi (@fand) on CodePen.
CSS view-timeline shine effect
See the Pen CSS view-timeline shine effect by Ryan Mulligan (@hexagoncircle) on CodePen.
React Snowflakes Particles
See the Pen React Snowflakes Particles by Yoann (@yoann-b) on CodePen.
Scroll Snap Ruler Picker
See the Pen Scroll Snap Ruler Picker by Adam Argyle (@argyleink) on CodePen.
