Weekly Web Design & Development News: Collective #597
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 12, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Classless.css - A lightweight CSS-less CSS framework that automatically styles semantic HTML elements. (Live Demo)
bootstrap-admin-template - Modern, Responsive Bootstrap Dashboard Template. (Live Demo)
mi.css - 1kb CSS Reset for Clean HTML Styling. (Live Demo)
inputchooser - A tiny JavaScript plugin that provides a user-friendly drag-and-drop file upload experience with built-in previews and validation. (Live Demo)
boxy - Lightweight JavaScript Image Gallery and Lightbox Library. (Live Demo)
zephyr-toast - Pure JS Notification System Inspired by Bootstrap 5. (Live Demo)
Modern Kanban Board - A Modern Kanban Board with Vanilla JavaScript and Local Storage. (Live Demo)
gemini-image-editing-nextjs-quickstart - Gemini 2.0 Flash Image Generation and Editing Next.js Implementation. (Live Demo)
gradient-cursor - Add Custom Spotlight Effects to Mouse Movements. (Live Demo)
HoneyCombLayoutJs - A lightweight JavaScript library that transforms standard HTML elements into a honeycomb (hexagonal) grid layout. (Live Demo)
animated-lucide-vue - Animated Lucide Icons for vue using the new motion-vue library. (Live Demo)
vue-chrts - A Vue 3 charts package inspired by Tremor, built on top of Unovis. (Live Demo)
webjsx - A library for building web applications with JSX and Web Components.
react-proportion-slider - A React component that allows users to adjust the proportion of two elements using a slider.
use-visibility-state - React to document visibility changes to pause or resume animations and task
zerobyte.css - CSS Library for creating minimalistic dark websites.
rn-heatmap - Provides a customizable activity heatmap similar to GitHub's contribution graph, built with react-native-svg.
Splash - Another interactive 3D fluid simulation in WebGPU.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Codetracer - A user-friendly time-traveling debugger designed to support a wide range of programming languages.
tweakcn - A visual no-code editor for shadcn/ui components.
anubis - Weighs the soul of incoming HTTP requests using proof-of-work to stop AI crawlers.
jsberg - A fast and efficient URL scraper that extracts links, JavaScript files, CSS files, images, and inline URLs from a list of websites.
CSV SQL Tool - Run SQL queries on CSV files directly in your browser.
remix-the-web - Open source tools for Remix (or any framework!)
Graphic Design Freebies
Modern Buttons UI Kit - A free and complete button UI Kit! Filled with different button styles.
Book Store Landing Page - A free, ready-to-use Figma UI kit for an online bookstore, works perfect on both computers and mobile devices.
Business & Marketing Icons - 10+ free 3D business & marketing icons to enhance your projects.
Discover more Graphic Design Freebies →
Curated Free AI Tools
CrackCode - Invisible AI-Powered Interview Assistant.
keyfra - Generate CSS keyframes instantly with the power of AI.
illustration.app - Create consistent, scalable vector illustrations in a few clicks.
MarkPDFDown - Transcribe PDFs to Markdown Using AI.
MonetGen - Free AI Logo Generator: No watermarks, No Signup.
News & Articles
Next.js version 15.2.3 has been released (Link)
You can use CSS Overflow 5 specification yo create scroll and carousel experiences in Chrome. (Link)
React Trends in 2025 (Link)
Next.js vs TanStack (Link)
Unlock exciting use cases with the Document Picture-in-Picture API (Link)
Memory safety for web fontsI(Link)
JavaScript & CSS Snippets
Black or White
See the Pen Black or White by Alexandre Vacassin (@alexandrevacassin) on CodePen.
Scrollbar styling: scrollbar-color
See the Pen Scrollbar styling: scrollbar-color by web.dev (@web-dot-dev) on CodePen.
Swatch Hover w/ CSS + GSAP
See the Pen Swatch Hover w/ CSS + GSAP by Jhey (@jh3y) on CodePen.
Lightbox with View Transition API
See the Pen Lightbox with View Transition API by Ryan Mulligan (@hexagoncircle) on CodePen.
Perspective carousel
See the Pen Perspective carousel by Paul (@prisoner849) on CodePen.
