Weekly Web Design & Development News: Collective #590
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)
balance-text - A tiny JavaScript utility that creates even text distribution across multiple lines. (Live Demo)
fit-text - Dynamic Text Resizing for Responsive Typography. (Live Demo)
draw-correlation-matrix - Create Visual Correlation Matrices Using Canvas. (Live Demo)
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)
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.
iPhone 16 Mockup - Realistic iPhone 16 in Hand PSD Mockup.
Firework Illustrations - A set of 16+ holiday firework illustrations inspired by Japanese firework diagrams from the early 1900s.
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.
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.