Weekly Web Design & Development News: Collective #596
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 11, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
confirmly-js - Modern Customizable Confirm Popup JavaScript Library. (Live Demo)
jsfontpicker - Vanilla JS Font Picker for Google and System Fonts. (Live Demo)
PopupJs - Minimal Alert & Confirmation Modals in JavaScript. (Live Demo)
VanillaSpin - Animated Loading Spinner with Smart AJAX Support. (Live Demo)
popzy - Lightweight Modal Library in Pure JavaScript. (Live Demo)
tabzy - Lightweight Pure JavaScript Tabs With URL Persistence. (Live Demo)
AOS-Lite - Minimal Vanilla JS Animate on Scroll Library. (Live Demo)
x - Craft AI-driven interfaces effortlessly. (Live Demo)
FlairedFolders - A custom folder maker and gallery written in basic JS and HTML. (Live Demo)
K7 - Simple Image Gallery - Vanilla JavaScript (Fullscreen & Swipe Support). (Live Demo)
simple-ai - A collection of beautifully designed AI interface components. (Live Demo)
js-spread-grid - JS library for creating high-performance grid-based applications! (Live Demo)
treeSpider - An organization structure/tree chart library for displaying organization structure in style. (Live Demo)
dev.tok - An open-source web application that leverages the dev.to API to display content in a feed-like manner. (Live Demo)
supercharged-shadcn-components - An open-source ReactJS library with pre-built components to supercharge your development workflow. (Live Demo)
pdfslick - View and Interact with PDFs in React, SolidJS, Svelte and JavaScript apps. (Live Demo)
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
resizem - An app designed for bulk image process.
i18ncode - Use this code translator easily achieve language localization.
Supercolorpalette - Generate color palettes from a hex with up to 24 colors.
Colorize - Generate color palettes from any website.
Tint & Shade Generator - Display tints and shades of a given hex color in 10% increments.
faker - Generate massive amounts of fake data in the browser and node.js.
Graphic Design Freebies
15 Free Illustrations - A set of 15 Minimal, Clean, Professional Illustrations for SaaS Projects.
1440+ Free Pixelated Icons - An open-source collection of 1440+ pixelated icons for designers
svghub - A library of over 70 custom-color elements ready to paste into your project.
Discover more Graphic Design Freebies →
Curated Free AI Tools
Auntie PDF - Extract Insights From PDFs Through AI Conversations.
Free Mistral OCR - Multilingual OCR for PDFs and Images.
Email Builder - Create Professional HTML Emails in Seconds
News & Articles
A 10x Faster TypeScript (Link)
Faster Rendering with the content-visibility CSS Property (Link)
How To Fix Largest Contentful Paint Issues With Subpart Analysis (Link)
Grouping Selection List Items Together With CSS Grid (Link)
How to make web videos way smaller in 2025 (Link)
JavaScript & CSS Snippets
moon toggle
See the Pen moon toggle by Jhey (@jh3y) on CodePen.
Infinite Masonry
See the Pen Infinite Masonry by moudx (@moudx) on CodePen.
Illuminated Range Input
See the Pen Illuminated Range Input by Josetxu (@josetxu) on CodePen.
you can scroll.
See the Pen you can scroll. by Jhey (@jh3y) on CodePen.
CSS Scroll-Snap List Fancy Animation (share)
See the Pen CSS Scroll-Snap List Fancy Animation (share) by Snorkl.tv (@snorkltv) on CodePen.
