Weekly Web Design & Development News: Collective #595
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 10, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
BritCSS.js - A JavaScript library that converts CSS properties and values written with British English spellings to standard syntax. (Live Demo)
Image Comparison Slider - Responsive Image Comparison Slider for Before/After Views. (Live Demo)
Responsive Image Carousel - A lightweight, performant, accessible, responsive image carousel with automatic sliding and navigation controls. Built with vanilla JavaScript and CSS. No dependencies required. (Live Demo)
jscolorpicker - Modern Feature-Rich Color Picker in Vanilla JavaScript. (Live Demo)
CRTFilter - A lightweight JavaScript library that applies realistic old CRT screen effects to canvas elements using WebGL technology. (Live Demo)
Pixel Perfect - Convert Images to Exact-Dimension Pixel Art. (Live Demo)
TagItJS - An autocomplete JavaScript library that enables dynamic, real-time, configurable auto-suggestion on text fields such as contentEditable elements, textarea, and input fields. (Live Demo)
Filter - A powerful, web-based image editor built with React and TypeScript. (Live Demo)
primjs - A lightweight, high-performance JavaScript engine designed specifically for the Lynx cross-platform framework.
viber3d - A modern starter kit for 3D browser games powered by r3f and threejs. (Live Demo)
@11ty/image-color - Small utility to efficiently fetch the colors from an image.
donald.css - A curated list of awesome components crafted with love and care for DaisyUI! (Live Demo)
tenoxui - A CSS Framework without any CSS file. (Live Demo)
vue-music-flow - Modern Vue 3 / Nuxt 3 audio player component with playlist and waveform visualization. (Live Demo)
caravan - A flexible, transport-based logging system for JavaScript/TypeScript applications.
Waveform Renderer - A lightweight and customizable TypeScript library for rendering audio waveforms on HTML canvas. (Live Demo)
arabic-rich-text-editor - A powerful and feature-rich Arabic Rich Text Editor for React, designed for seamless RTL support and enhanced text formatting. (Live Demo)
happy-dom - A JavaScript implementation of a web browser without its graphical user interface.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
lynx - Empower the Web community and invite more to build across platforms.
presenterm - A markdown terminal slideshow tool.
cocoindex - Extract, Transform, Index Data. Easy and Fresh.
liquid-logo - A free, open-source tool for creating animated logos with a liquid metal aesthetic.
validate.email - Validate Any Email Instantly.
WebShield - A new wide-spectrum content blocker for Safari designed to be performant, efficient, and effective.
Graphic Design Freebies
Free Line Icons - 125 Free Line Icons For UI/UX Design.
NAKHSHUN Armenian Font - An Armenian typeface ideal for headlines, logos, or any text-based project. Free for personal and commercial use.
Demas Font - A geometric display font free for both personal and commercial use.
Discover more Graphic Design Freebies →
Curated Free AI Tools
ANON KODE - Open-Source Terminal-Based AI Coding Assistant.
Appairium - Find the Top 3 SaaS Solutions for Your Needs with AI.
Project.Supplies - Get free project ideas, supply lists, and instructions instantly.
GrowthTrackAI - Free AI Audit Tool Fixes Slow Sites & Low Conversions.
SmartestKid - Free Windows AI Assistant for Office Automation.
OpenAGI - AI-powered coding assistant with direct filesystem access. No login required, just your API key.
News & Articles
The Popover API is now Baseline Newly available (Link)
Microsoft is reportedly plotting a future without OpenAI (Link)
JavaScript Fatigue Strikes Back (Link)
Web Almanac 2024: JavaScript (Link)
AI tools are spotting errors in research papers (Link)
How much traffic can a pre-rendered Next.js site really handle? (Link)
JavaScript & CSS Snippets
Scifi Stuff
See the Pen Scifi Stuff by Mario Luevanos (@marioluevanos) on CodePen.
Volume Dials
See the Pen Volume Dials by Jon Kantner (@jkantner) on CodePen.
Shapes Alphabet - CSS
See the Pen Shapes Alphabet - CSS by Josetxu (@josetxu) on CodePen.
Dialable Date Picker
See the Pen Dialable Date Picker by ccprog (@ccprog) on CodePen.
Magnifying glass cursor
See the Pen Magnifying glass cursor by Chris Smith (@BlogFire) on CodePen.
