Weekly Web Design & Development News: Collective #598
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 13, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
mathup - A JavaScript library that converts simple expressions to MathML with a concise syntax and fast performance for web developers. (Live Demo)
Vanilla CSS Design System - A lightweight, modular CSS design system for consistent UIs. (Live Demo)
splayer - A minimal, lightweight HTML5 music player built with vanilla JavaScript. (Live Demo)
Toast-JS - A JavaScript notification library that provides a simple way to display non-blocking notification messages (toasts) in your web application. (Live Demo)
CounterUp.js - A lightweight JavaScript library that creates animated counting effects when numbers appear in the viewport.. (Live Demo)
handwritten-graph - A lightweight JavaScript library for creating xkcd sketch-style line charts using d3.js and SVG. (Live Demo)
VerbaJS - A lightweight and easy-to-use JavaScript i18n library for handling website localization. (Live Demo)
Square UI - Collection of beautifully crafted open-source layouts UI built with shadcn/ui. (Live Demo)
nativecn - A React Native UI component library inspired by shadcn/ui. (Live Demo)
json-tree-viewer - Shadcn json-tree-viewer copy & paste, tailwindCSS. (Live Demo)
Liquid Shape Distortions - Create psychedelic animations in real-time in the browser. (Live Demo)
Showify - Arguably the most comprehensive cross-platform library for stringifying any JavaScript value into a human-readable format, handling nearly every scenario you might encounter.
bgvault - A collection of free, modern, and customizable css backgrounds for your projects. Easily copy and use them to enhance your website's design. (Live Demo)
vue-dialog-stacking - An experiment to stack multiple dialogs on top of each other in Vue 3. (Live Demo)
Eleva.js - A minimalist, lightweight, pure vanilla JavaScript frontend runtime framework.
Hits - General purpose hits counter (GitHub / Shields.io style) based on Cloudflare Workers & D1.
mobxmotion - Performant animations using React and mobx.
peachy - A very minimal, lightweight, secure, and reactive front-end framework designed for building Single Page Applications (SPAs).
wiretap - Extremely tiny debug logging utility for all JavaScript runtimes.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Bekuto3d - Convert SVG files to 3D models. Export STL, OBJ, or GLTF.
GitHubTree - Visualize repo structures in tree view.
Diverce - A tool for converting Next.js projects from Vercel to Cloudflare.
ASCII Logo Generator - A command-line tool for creating ASCII text art and converting it to SVG logos.
FontPair - A tool that gives you clean, cool, random font combos with one click.
Cascii - A web-based ASCII and Unicode diagram builder written in vanilla Javascript.
Noise Tools - A web-based ASCII and Unicode diagram builder written in vanilla Javascript.
Arosade - An SVG logo previewer that allows you to customize and download logos with ease.
Graphic Design Freebies
AnnotationMono - A lovingly crafted handwriting-style monospace font.
Social Icons & Popular Brand Logos - 200+ Free Social Icons & Popular Brand Logos
AIChefMate - AI Recipe App Figma UI Kit.
Bredar - Modern Seller Dashboard UI Kit in Figma.
Discover more Graphic Design Freebies →
Curated Free AI Tools
Mira Migo - Personalized AI Career Paths via RIASEC & Resume.
AI For Notes - Turn Youtube Videos & PDFs into Study Materials.
Vibe Draw - Turn Sketches into 3D Models with AI.
AutoCodeDocs - Turns Messy Code into Clear Documentation with AI.
News & Articles
Deploying a Next.js App to Production in any server (Link)
The <select> element can now be customized with CSS. (Link)
State of Vue.js Report 2025 (Link)
Best Practices for Cognitive Accessibility in Web Design (Link)
Minding the gaps: A new way to draw separators in CSS (Link)
Previewing Content Changes In Your Work With document.designMode (Link)
JavaScript & CSS Snippets
Glowing text SVG Filter
See the Pen Glowing text SVG Filter by Kevin Grajeda (@kevin-carlos-grajeda-a) on CodePen.
CSS oklch Gradation
See the Pen CSS oklch Gradation by Wakana Y.K. (@wakana-k) on CodePen.
Skeuomorphism in the Dark
See the Pen Skeuomorphism in the Dark by Kiran Patel (@kiranpate1) on CodePen.
CSS Holographic Masks
See the Pen CSS Holographic Masks by Christian Alder (@HejChristian) on CodePen.
Glitchy button hover effect with VFX-JS
See the Pen Glitchy button hover effect with VFX-JS by Josh Dillon (@jdillon) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #597
- Next: None
