Weekly Web Design & Development News: Collective #591
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 6, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
dual-range-input - Modern Range Sliders Based On Native Range Inputs. (Live Demo)
particular-drift - Transform Images into Dynamic Particle Animations. (Live Demo)
split-text - Split Text into Lines, Words, or Characters. (Live Demo)
base64plus - Unicode-safe Base64 Encoding and Decoding Library. (Live Demo)
Half-and-Half-Scrolling-Layout - No-JS Half-and-Half Scrolling Layout. (Live Demo)
a11y-widget - A lightweight accessibility tool built with vanilla JavaScript and CSS.. (Live Demo)
wikitok - A TikTok-style interface for exploring random Wikipedia articles in multiple languages. (Live Demo)
ScrapeServ - A self-hosted API that takes a URL and returns a file with browser screenshots.
waterball - Real-time fluid simulation on a sphere implemented in WebGPU. (Live Demo)
human-regex - Human-friendly regular expression builder with English-like syntax.
json-accelerator - Accelerate JSON stringification by providing OpenAPI/TypeBox shape.
wake-me - AI-based React component library that detects clapping sounds or finger snaps. (Live Demo)
json-storm - For rapidly generating and testing JSON payloads only for post requests. (Live Demo)
skia-canvas - A GPU-accelerated 2D graphics environment for Node.js
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Dual-Link QR Code Generator - Two different URLs in one QR code.
screen-sharing - Share your screen with one simple room code. No downloads or sign-ups required.
bad-tweet-firewall - Chrome extension that highlights unwanted tweets.
PicSwap - Unlimited free image conversion instantly.
fontsensei - Free font tagged All provided by Google fonts.
Graphic Design Freebies
Cute Business Doodle Icons - A set of business doodle illustration icons in Figma.
Doodle Sans - A handwritten doodle Sans display font.
Discover more Graphic Design Freebies →
Curated Free AI Tools
open-deep-research - An open source deep research clone. AI Agent that reasons large amounts of web data extracted with Firecrawl.
a0.dev - Generate mobile apps in minutes.
surf.new - A playground for web agents.
Airtop - Automate the web with just your words.
BGNix - Free Privacy-First Image Background Removal.
News & Articles
How to Favicon in 2025: Three files that fit most needs (Link)
Change font-weight based on the user's screen DPI (Link)
Optimizing The Critical Rendering Path (Link)
Full-Bleed Layout with Modern CSS (Link)
Positioning Text Around Elements With CSS Offset (Link)
JavaScript & CSS Snippets
Wave Text
See the Pen Wave Text by Tom Miller (@creativeocean) on CodePen.
3-way toggle
See the Pen [cpc] 3-way toggle by Chris Bolson (@cbolson) on CodePen.
Simple Outside Rounded Corner (Tabs)
See the Pen Simple Outside Rounded Corner (Tabs) by Simon Goellner (@simeydotme) on CodePen.
Creative menu navigation
See the Pen Creative menu navigation by Swarup Kumar Kuila (@uiswarup) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #590
- Next: None
