Weekly Web Design & Development News: Collective #603
Everything you need to know in development & design this week, rounded up for you (Week 19, 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
nebo.css - Create Puzzle-Style Corners with Pure CSS. (Live Demo)
textrix - Medium-like WYSIWYG Rich-text Publishing Editor. (Live Demo)
shadcn/studio - Copy-Paste UI Components with Theme Customization. (Live Demo)
vanillaConfetti - Add Canvas Confetti Effects to Any Website. (Live Demo)
ez-tip - Lightweight Tooltips with CSS Variable Styling. (Live Demo)
snapDOM - Captures DOM nodes as images with exceptional speed and accuracy. (Live Demo)
bhvr - A monorepo template using Bun, Hono, Vite, and React. (Live Demo)
anchors - A plugin that brings declarative support for the CSS Anchor Positioning API to Tailwind.
better-hono - Minimal starter template using Hono, Better-Auth, Drizzle ORM, and Cloudflare Workers — powered by Bun.
react-sounds - Hundreds of ready-to-play sound effects for your React applications. (Live Demo)
tailwind-plugin-supercolors - A Tailwind CSS plugin that adds a super- prefix to all color utility classes. (Live Demo)
sera - A lightweight, signal-based reactive JavaScript library. (Live Demo)
shadcn-remover CLI - A powerful and user-friendly CLI tool to efficiently remove Shadcn UI components from your project.
tinyrouter.js - A tiny, zero-dependency lib for frontend routing and navigation on top of `window.history`.
htmx-global-indicator - A minimal HTMX extension that adds a global loading indicator with optional delayed spinner, automatically managing request states with light/dark mode support.
shadcn-form-builder - A dynamic form-building tool that allows users to create, customize, and validate forms seamlessly within web applications. (Live Demo)
ngx-calendar-widget - A lightweight, customizable, and feature-rich Angular calendar widget designed to simplify event management and scheduling in your Angular applications.
etc - Copy-paste-ready HTML/CSS email templates for everything from verification to product launch.
RepeatingImageTransition - A transition that moves an image in frames (image copies/repetitions) on a path. (Live Demo)
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
gpt2-webgl - A browser-based, WebGL2 implementation of GPT-2 with transform block and attention matrix visualization.
reqvis - A lightweight, browser-based tool that visualizes Apache server logs through interactive canvas renderings.
metasync - A command-line tool to sync Shopify metaobject definitions and data, or metafield definitions for various resources, between stores.
github-deepwiki - Add a DeepWiki button to quickly access DeepWiki from GitHub repositories.
InspoGen - Explore inspirational designs, and spark your next greatest idea.
Component.lol - Extract design tokens from any website.
RSSence - A modern RSS feed visualizer that helps you stay updated with your favorite news sources in a beautiful, organized way.
Cap - A lightweight, modern open-source CAPTCHA alternative designed using SHA-256 proof-of-work.
Aurora Gradient Generator - Create stunning gradient backgrounds with customizable noise effects.
Graphic Design Freebies
SparkGPT - A UI kit for Figma created to help you build interfaces for conversational AI tools.
Pokemon Icons - A collection of icons commonly seen in Pokemon world.
ChatGPT & DeepSeek Mobile UI Kit - A Figma UI kit that provides a collection of pre-built components and layouts specifically for AI chat interfaces. Inspired by ChatGPT & DeepSeek.
Discover more Graphic Design Freebies →
Curated Free AI Tools
DeepWiki - Transforms GitHub Repos into Detailed Documentation.
deepwiki-open - AI-Powered Wiki Generator for GitHub/Gitlab Repositories.
Vision AI Label Studio - Lightweight AI-Powered Auto Labeling Tool - Fast, Intelligent, and Designed for Seamless Annotation. (Live Demo)
deepsite-locally - AI website builder with local hosting support.
blast - Browser-LLM Auto-Scaling Technology.
Create.ad - Generate Social Image Ads from Product Links for Free Using AI.
Mailmodo - Create Pro Email Signatures Free with AI.
News & Articles
WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation (Link)
Redis is open source again (Link)
Webflow makes GSAP 100% free — plus more exciting updates (Link)
Polishing your typography with line height units (Link)
Anchor Positioning Just Don’t Care About Source Order (Link)
JavaScript & CSS Snippets
Pure CSS 3D Tunnel
See the Pen Pure CSS 3D Tunnel by Jules (@Alansdead) on CodePen.
See the Pen animated border gradient on scroll into view by Ana Tudor (@thebabydino) on CodePen.
Gradient Hover
See the Pen Gradient Hover by Aaron Iker (@aaroniker) on CodePen.
dithering background
See the Pen dithering background by Tom Hermans (@tomhermans) on CodePen.
pointer position controls timeline progress
See the Pen pointer position controls timeline progress by Tom Miller (@creativeocean) on CodePen.
