Weekly Web Design & Development News: Collective #611
Everything you need to know in development & design this week, rounded up for you (Week 27, 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:
- Jump on the "Liquid Glass" trend with new JS libraries and UI kits inspired by Apple's iOS 26.
- It's a big week for news: Vite 7.0 has been released and ECMAScript 2025 is officially approved!
- Finally, a smart JSON parser built specifically to handle messy, malformed output from AI models.
- Bring Google's Gemini AI directly into your terminal for free with a new open-source CLI.
- Learn how to create slick, scroll-driven animations using only modern CSS.
- Find your next favorite tool, from a self-hosted dashboard to a free open-source video editor.
- + 40 other great resources and tools
- + 4 new design freebies and a ton of code snippets
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
FxFilterJS - Create Advanced Liquid Glass & Noise Effects. (Live Demo)
richinput - Real-time Input Colorization Web Component. (Live Demo)
loadfont - Lazy Load Fonts with IntersectionObserver API. (Live Demo)
Ani-Js - 100+ Lightweight & Performant Web Animations. (Live Demo)
Tabmate - Lightweight Tab Indentation for Textarea Elements. (Live Demo)
nuxt-simple-cookie-consent - Headless GDPR Module for Nuxt. (Live Demo)
shadcn-image-uploader - Drag Drop Upload Component with Validation. (Live Demo)
shadcn-timeline - Minimalist Timeline Component for Next.js. (Live Demo)
liquidGL - Ultra-light glassmorphism for the web (Liquid Glass). (Live Demo)
slidereveal - Create Mobile-First Side Menus. (Live Demo)
OpenLinks: Build Link-in-Bio Pages with Astro & JSON. (Live Demo)
logtape - A logging library for JavaScript and TypeScript.
mistreevous - A lightweight, TypeScript-based behaviour tree library for Node and the browser.
Jaison - A robust, fault-tolerant JSON parser engineered specifically for handling malformed JSON output from AI systems and language models.
web-camera-kit - A lightweight, mobile-optimized camera boilerplate designed for AI vision and computer vision projects.
Liquid Glass Studio - The ultimate Apple Liquid Glass UI replica for the Web. (Live Demo)
search-ui - Beautifully-designed, accessible search components.
m3-ripple - Material Design 3 ripple effect for React. (Live Demo)
rn-liquid-glass-view - A sleek, glassmorphic view powered by Apple’s new UIGlassEffect in iOS 26.
forms-components - Modern HTML Form Templates. (Live Demo)
vite-plugin-supersvg - A Vite plugin to create SVG sprites for easy use.
ai-json-fixer - A simple JSON parser specifically designed to handle malformed JSON output from Large Language Models (LLMs).
soundz - Sound Effects Wrapper for Components.
botid-nextjs-starter - Next.js starter template for using Vercel BotID.
view-route - A vanilla <view-route> custom element to provide client-side routing in vanilla JS single-page applications.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Glance - A self-hosted dashboard that puts all your feeds in one place.
Microsoft Edit - A simple editor for simple needs.
OpenCut - A free, open-source video editor for web, desktop, and mobile. (Live Demo)
Zenta - Mindfulness for terminal users.
clip-js - Online video editor built with nextjs, remotion and ffmpeg. (Live Demo)
fang - The CLI starter kit.
grab-js - HTTP client in 5KB.
combicode - A CLI tool to combine a project's codebase into a single file for LLM context.
TikTok Batch Downloader - A simple Node.js CLI tool to download multiple TikTok videos without watermarks.
darkmatter - A better terminal default.
liquid-glass-compose - Glass morphism library for Jetpack Compose with AGSL shaders.
oh-my-logo - Display giant ASCII-art logos with colorful gradients in your terminal.
xslt - Native, zero-config build system for the Web.
Graphic Design Freebies
AI Logos - 30+ Free Popular AI Logos in Figma
iOS 26 Control Center UI Kit - A sleek iOS & iPad 26 control center UI Kit following Apple’s new Liquid Glass design concept.
Liquid Glass-style Web Icons - A set of 30+ Liquid Glass-style UI/UX icons inspired by iOS 26. Easy to export as PNG/SVG files in Figma.
Apple UI Kit - Apple iOS 26 and iPadOS 26 Figma UI Kit.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Google Gemini CLI - Gemini CLI brings Google's AI directly to your terminal for free. 60 requests/min, 1M token context, open-source.
Fireplexity - Open-source Alternative to Perplexity ai.
NativeMind - Private AI Assistant That Runs on Your Device
Claude Code Proxy - Use Claude Code CLI with Any OpenAI-Compatible API.
Nxtscape - Privacy-First AI Browser That Automates Your Daily Tasks.
FLUX.1 Kontext - An open-weight image editing model that brings proprietary-level performance to consumer hardware.
Mysite AI - Instantly create, edit, and publish your site—no tech skills needed.
Cloudflare Code Sandboxes - Lets your Worker run actual processes in a secure, container-based environment, which is super helpful for safely using AI-generated code.
Context - Native macOS client for Model Context Protocol (MCP).
News & Articles
Ecma International approves ECMAScript 2025 (Link)
A guide to Scroll-driven Animations with just CSS (Link)
Why developer expertise matters more than ever in the age of AI (Link)
Vite 7.0 is out! (Link)
Decoding The SVG path Element: Curve And Arc Commands (Link)
JavaScript & CSS Snippets
Curved Infinite Marquee
See the Pen Curved Infinite Marquee by Joe Taylor (@joebentaylor) on CodePen.
Animated Hover Disclosures
See the Pen Animated Hover Disclosures by Jhey (@jh3y) on CodePen.
wavy background
See the Pen wavy background by Nils Binder (@enbee81) on CodePen.
Apple Liquid glass switcher
See the Pen Apple Liquid glass switcher by Den (@DedaloD) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #610
- Next: None
