Weekly Web Design & Development News: Collective #633
Everything you need to know in development & design this week, rounded up for you (Week 49, 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!
Highlights:
- Create realistic liquid glass effects with SVG filters
- Style your browser console logs using Tailwind CSS
- Claude Opus 4.5: The world's new best model for coding?
- 100+ new custom components & blocks for shadcn/ui
- Turn your Git history into a cinematic terminal animation
- WebGPU is now supported across all major browsers
- 24 other useful libraries and dev tools
- 3 design freebies and UI kits
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
jquery.loadmodal.js - Accessible jQuery Modal Plugin with Focus Trapping and CSS3 Animations.
twlog - Beautiful Browser Console Output Using Tailwind CSS.
liquid-glass - Create Realistic iOS Liquid Glass Effects with SVG Filters and JS (Web Component).
power-link - Build Draggable Node Connections.
Mouse reveal image - DOM Element Capture Tool for Developers.
TypeMorph - High-Performance CSS Scroll Animations.
image-dimensions - Lightweight & Performant Image Size Detection Library.
image-viewer - Lightweight Gallery Lightbox with Zoom, Pan, and Keyboard Navigation.
SuperSlider - Mobile-Friendly Carousel Slider with Responsive Breakpoints.
atrament - Natural HTML5 Canvas Drawing and Handwriting Library.
shadcn-calendar-heatmap - GitHub-Style Activity Graph.
uitripled -100+ Shadcn and Framer Motion Components for Next.js.
corner-shape - Customizable Corner Shape Plugin for Tailwind CSS.
shadcn-chart-brush - Interactive Chart Component with Brush to Zoom.
shadcn-components-blocks - 100+ Custom shadcn/ui Components & Blocks for React/Next.js.
intentui - 80+ Accessible Components Built on React Aria and TailwindCSS.
svedit - Build Editable Svelte Websites with JSON Content.
svelte-seo - Manage SEO Metadata in Svelte Applications.
Kanpeki - Copy-Paste UI Components with React Aria and Tailwind CSS.
lina - Responsive Scroll Area Component for Shadcn/UI.
True Sheet - Type-safe Native Bottom Sheets for React Native.
Sheet Transitions - Smooth Gesture-Based Modals in React Native.
vue-split-panel - Create Resizable Split Views.
kstyled - Compile-time styled-components for React Native.
Validation Composable - Lightweight, practical validation for Vue.
responsive-navbar-interaction - Responsive Navbar Interaction Using HTML CSS JavaScript.
typescript-starter - A production-ready, full-stack TypeScript starter template with Next.js 16 frontend/backend.
spark - An advanced 3D Gaussian Splatting renderer for THREE.js.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
data-peek - A minimal, fast, database client desktop application. Built for developers who want to quickly peek at their data without the bloat.
mkslides - Turn markdown files into beautiful slides.
vite-console-forward-plugin - Forwards console logs to the vite log.
camarts-placeholder - An intelligent image analysis tool that extracts dominant colors from any image to generate beautiful CSS gradient placeholders.
GeekezBrowser - A stealthy, anti-detect browser designed for e-commerce operations and multi-account management.
UptimeKit-CLI - A modern, cross‑platform CLI to monitor websites and APIs.
rep - Burp-style HTTP Repeater for Chrome DevTools with built‑in AI to explain requests and suggest attacks.
gitlogue - A cinematic Git commit replay tool for the terminal, turning your Git history into a living, animated story.
SimRepo - Shows similar repositories in the sidebar.
Graphic Design Freebies
Neumorphism UI Kit - A Neumorphism App UI kit designed for UI designers experimenting with the soft, extruded look of neumorphism.
30 Free Christmas Outline Icons - The Free Merry Christmas Icons set gives you 30 outlined vector assets specifically for holiday projects.
Period Tracking App UI Kit - A Period Tracking App UI Kit designed for menstrual cycle tracker or general wellness app.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
LLM Council - Multi-Model AI Advisory Board for Peer-Reviewed Answers.
osgrep - Local Semantic Search for AI Coding Agents.
Google Antigravity - Agent-First Dev Platform with Gemini 3 Pro.
CodeMachine CLI - Multi-Agent Orchestration for Production Code.
DeepSeek-Math-V2 - A new, open-source large language model (LLM) released by DeepSeek AI that specializes in advanced mathematical reasoning and theorem proving, featuring a novel self-verification mechanism.
FLUX.2 - Generates high-quality images while maintaining character and style consistency across multiple reference images, following structured prompts, reading and writing complex text, adhering to brand guidelines, and reliably handling lighting, layouts, and logos.
Claude Opus 4.5 - Intelligent, efficient, and the best model in the world for coding, agents, and computer use.
News & Articles
WebGPU is now supported in major browsers. (Link)
Google CEO Says AI Coding Can Turn Everyone Into a Developer. (Link)
Vercel: How we built the v0 iOS app (Link)
Brand New Layouts with CSS Subgrid (Link)
Range Syntax for Style Queries (Link)
JavaScript & CSS Snippets
Fanned Cards Carousel (v2, press + hold)
See the Pen Fanned Cards Carousel (v2, press + hold) by Tom Miller (@creativeocean) on CodePen.
Team Carousel - by gopi chakradhar
See the Pen Team Carousel - by gopi chakradhar by Gopi Chakradhar (@Gopi-Chakradhar) on CodePen.
WebGL Fluid Hero
See the Pen WebGL Fluid Hero by Techartist (@VoXelo) on CodePen.
Lando Norris Text Hover
See the Pen Lando Norris Text Hover by AlienPingu (@alienpingu) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #632
- Next: None
