Weekly Web Design & Development News: Collective #590

by jQueryScript,

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 5, 2025).

Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.

JavaScript & CSS

draggablejs - Create Interactive HTML Elements with Drag, Resize, Rotate. (Live Demo)

Yetialerts

balance-text - A tiny JavaScript utility that creates even text distribution across multiple lines. (Live Demo)

Yetialerts

fit-text - Dynamic Text Resizing for Responsive Typography. (Live Demo)

Masky

draw-correlation-matrix - Create Visual Correlation Matrices Using Canvas. (Live Demo)

Masky

react-movies - Dive straight into React—from basic JSX to advanced hooks—and build a real, modern app.

Svelte CLI - The Svelte CLI.

Nativewindui - Carefully crafted components that strive for a native look & feel. (Live Demo)

canvas-particle-text - Interactive Particle Text Effect In JavaScript. (Live Demo)

Masky

markdown-editor - A wysiwyg markdown editor written in JavaScript. (Live Demo)

www-sacred - An open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.

maplibre-gl-js - Interactive vector tile maps in the browser.

OneElementScroll - A simple concept of animating one element across different waypoints on scroll using GSAP Flip and ScrollTrigger. (Live Demo)

shadcn-editor - Lexical base rich text editor using shadcn/ui components. (Live Demo)

Discover more JavaScript & CSS Libraries →


Web Dev Tools & Resources

Image Splitter - Easily split images into grid layouts, perfect for social media carousel posts.

Chroma - A free online Color Extractor for images.

RIA DevTools - Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

ClintonCAT - Chrome Browser Extension for automatically searching Rossmann's Consumer Action Taskforce (CAT) articles for the current site being visited.

bunster - Compile shell scripts to static binaries.


Graphic Design Freebies

Squarella Rounded Font - A free geometric font that has a clean, minimalist style with rounded corners.

Quibble

iPhone 16 Mockup - Realistic iPhone 16 in Hand PSD Mockup.

Quibble

Firework Illustrations - A set of 16+ holiday firework illustrations inspired by Japanese firework diagrams from the early 1900s.

Quibble

Discover more Graphic Design Freebies →


Curated Free AI Tools

YuE - Open Full-song Music Generation Foundation Model, something similar to Suno.ai but open.

Goose - An open-source, extensible AI agent that goes beyond code suggestions - install, execute, edit, and test with any LLM.

Clash Storm - Generate diverse expert AI personas to critique and support your idea.

Magic Face - Transform Photos into Legendary Characters Free.

SwiftNotes AI - Create Notes From YouTube Videos Free.

Discover more Free AI Tools →


News & Articles

I’m Going Back to jQuery in 2025 (And Why That’s Not Insanity) (Link)

Add F*cking to Your Google Searches to Neutralize AI Summaries (Link)

The Hidden Complexity of Scaling WebSockets (Link)

The modern way to write JavaScript servers (Link)

Transitioning Top-Layer Entries And The Display Property In CSS (Link)


JavaScript & CSS Snippets

Scroll Turning Wheel Pages

See the Pen Scroll Turning Wheel Pages by Orçun Sipahi (@Avoloch) on CodePen.


GSAP Draggable & Inertia Slider with Skew

See the Pen GSAP Draggable & Inertia Slider with Skew by GSAP (@GreenSock) on CodePen.


CSS Spiral

See the Pen CSS Spiral by Amit Sheen (@amit_sheen) on CodePen.


Let's Move! with GSAP infinite horizontal scroll

See the Pen CPChallenge: Let's Move! with GSAP infinite horizontal scroll by Tommy Ho (@tommyho) on CodePen.