Weekly Web Design & Development News: Collective #602
Everything you need to know in development & design this week, rounded up for you (Week 18, 2025).
You'll find the most essential things right now: Javascript & CSS libraries, useful code snippets, crucial web dev news & resources, curated AI tools, free design assets, and plenty of other good stuff we found!
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Vanilla Carousel Slider - Vanilla JS Carousel Slider With Modern Look and Auto-Play. (Live Demo)
SvelteKit SEO Component - Complete Metadata Management for SvelteKit 5+.
TikZJax - Render LaTeX TikZ Code as SVG Directly in Browser. (Live Demo)
json-spread - Flatten & Spread JSON Arrays/Objects with json-spread Library. (Live Demo)
target-highlight - Create interactive UI tours and element highlighting with customizable overlays and tooltips. (Live Demo)
zephyr-form-validator - A lightweight JavaScript library for fast, customizable, client-side form validation.. (Live Demo)
simple-select - A lightweight JavaScript library that provides customizable calendar, date picker, and date range picker functionality for modern web applications. (Live Demo)
Simple Gallery - Lightweight Gallery Slider with Lightbox Support. (Live Demo)
LocalNotification - A lightweight JavaScript library that creates customizable, temporary, growl-style or toast-style notifications for client-side feedback. (Live Demo)
DOM Flowt - Custom Reveal Animations on Scroll. (Live Demo)
Scroll-Grid - Two-Dimensional One Page Scroll Navigation. (Live Demo)
wasp - The fastest way to develop full-stack web apps with React & Node.js.
magnitude - Open source, AI-native testing framework for web apps. (Live Demo)
voltagent - Open Source TypeScript AI Agent Framework. (Live Demo)
chatbot-template - An open-source template to get your own chatbots up and ready in under 2 minutes.
shadcn-crm-dashboard - Lightweight core JavaScript functions useful in any project. (Live Demo)
dockerstats - A web app to monitor usage of your Docker containers.
react-native-bottom-sheet-stack - Manage a stack of @gorhom/bottom-sheet components with push, switch, and replace navigation.
javascript-package - A JavaScript implementation of the Simple Color Palette format. (Live Demo)
mini-photo-editor - Online webgl photo editor with effects, filters and cropping. (Live Demo)
shortcuts4web - Shortcuts For Web creates keyboard shortcuts. (Live Demo)
TracePerf - Advanced performance tracking and execution monitoring for Node.js applications.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
pad.ws - A whiteboard app that acts as a dev environment in your browser. (GitHub)
Supavec - The open-source alternative to Carbon.ai. Build powerful RAG applications with any data source, at any scale. (GitHub)
glyphx - A next-gen Python plotting library with SVG-first rendering, interactivity, themes, and clean defaults.
rslib - Create JavaScript libraries in a simple and intuitive way.
horizon - A modern, desktop-based code editor built with Tauri, React, and TypeScript.
mdlib - A lightweight, web-based tool for creating, managing, and viewing markdown notes
Chrome OLED Mode - Adds a pitch black theme to websites.
AI-Chat-Scroller - Adds scroll controls, message numbering, and a toggleable UI to supported AI chat platforms, active only on specific URLs.
Tweet Chat - A command-line tool to scrape Twitter profiles, distill tweets, and generate AI-driven personas for interactive chat based on Twitter accounts.
ai-context-optimization - AI Context Optimization Tools and Techniques
Graphic Design Freebies
Pixfrom Pixel Font - A free modular pixel typeface that balances retro aesthetics with contemporary design principles.
ChatGPT & DeepSeek Mobile UI Kit - A Figma UI kit that provides a collection of pre-built components and layouts specifically for AI chat interfaces.
Cyber Security Icon Set - 30 graphics focused on cyber security themes.
Discover more Graphic Design Freebies →
Curated Free AI Tools
AudioX - Free & Open-source AI for Anything-to-Audio Generation.
xymake - Turn Your X (Twitter)Into LLM-Ready Data.
Templaio AI - Creates PRDs, TRDs, UI Specs, Prompts from Product Ideas
CVWizard - Create Professional Resumes & Cover Letters with Free AI.
How Do I Automate This? - Turn Manual Tasks into n8n Automation Workflows.
Summarization AI - Free AI Web Summarizer w/ Gemini/Claude/OpenAI.
News & Articles
Why you need to know your site's performance plateau (and how to find it) (Link)
Using CSS backdrop-filter for UI Effects (Link)
The Post-Developer Era (Link)
Next Level CSS Styling for Cursors (Link)
Support for CSS and Baseline has shipped in ESLint (Link)
JavaScript & CSS Snippets
Vertical Zoom Slideshow
See the Pen Vertical Zoom Slideshow by Filip Zrnzevic (@filipz) on CodePen.
Vertical Warp Slideshow
See the Pen Retro Card Carousel by Mirva Dudhagara (@Mirva-Dudhagara) on CodePen.
Vertical Warp Slideshow
See the Pen Vertical Warp Slideshow by Filip Zrnzevic (@filipz) on CodePen.
Who needs shaders
See the Pen Who needs shaders by Steve Gardner (@ste-vg) on CodePen.
Glass Button
See the Pen Glass Button by Petr Knoll (@Petr-Knoll) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #601
- Next: None
