Weekly Web Design & Development News: Collective #623
Everything you need to know in development & design this week, rounded up for you (Week 39, 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:
- Apples secret "Liquid Glass" CSS and matching free icons!
- Build full-stack apps instantly with a new AI agent.
- Launch faster with SelfKit, an open-source SaaS boilerplate.
- ️ Master Vim motions by playing this addictive in-browser game.
- Future-proof your portfolio with free iPhone 17 mockups.
- An AI-friendly Markdown to HTML converter youll love.
- + 30 other dev tools, components, and libraries
- 9 more AI tools and 5 big news stories (Wasm 3.0!)
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
fullstack-next-cloudflare - Full-Stack Starter Template with Next.js and Cloudflare.
SelfKit - Open-Source SaaS Boilerplate for Self-Hosted Apps.
ved-ui - Fast React Forms with Zod Validation & shadcn/ui.
shadcn-country-region-select - Country & Region Select Components for shadcn/ui.
ecommerce-admin - Next.js Ecommerce Dashboard Template for Product & Order Management.
pure-landing-shadcnui-template - Next.js Landing Page Template with Shadcn/UI.
Infinite Horizontal Scroll - Smooth, Infinite, Horizontal Scroller with Progress Tracking.
Infinite Card Carousel - Touch-Responsive Card Carousel: Swipe, Drag & Kinetic Scroll.
railroad-syntax-diagram.js - Create SVG Syntax Diagrams with JavaScript and d3.js.
Brainmap.js - Generate Interactive Mind Maps with SVG.
webcimes-tooltip - Accessible Rich-text Tooltips with with Auto-Positioning.
animate-when-visible - Performance-First Scroll Animations.
swipe-tracker - Tiny JavaScript Library for Touch and Mouse Swipe Detection.
Keyboard_Shortcut - Build Custom Keyboard Shortcuts.
vanillagrid.js - Advanced Data Grid/Table Library in Vanilla JavaScript.
react-bits - 110+ Animated Components for Modern Apps.
Legend List - FlatList Alternative for Dynamic Content.
Prompt Injector - Experimental TypeScript library for generating AI security test conversations.
VIM Master - in-browser game that teaches core Vim motions and editing commands through short, focused levels.
S3Bucket - A lightweight JavaScript S3 client.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
MarkdownHTMLGen - Free AI-friendly Markdown to HTML Converter.
Spec Kit - Toolkit to help you get started with Spec-Driven Development.
24-Hour to 12-Hour Time Converter - Quickly and easily convert 24-hour time to the standard 12-hour AM/PM format.
uuidv47 - v4 privacy + v7 performance.
ai-sdk-tools - A collection of essential utilities for AI development.
LaunchNext - Bring your Launchpad back in MacOS26+ ,highly customizable, powerful, free.
filewizard - File Converter, OCR, Transcription & TTS WebUI.
LetterFlux - A powerful, interactive tool for creating and fine-tuning fluid CSS properties using CSS clamp() function.
zodest - Modern Zod-based CLI builder, fully type-safe, super lightweight and flexible.
icomp - A CLI and UI tool for developers to generate React functional Icon components from SVG files.
brandcn - A CLI tool that lets you quickly pull and add high-quality brand logos to your project.
flag-emojis-for-windows - This font adds country flag emojis to Windows 11, while keeping all Win11's original emojis!
commandchronicles - Stop Scrolling Through History. Start Finding Commands.
Graphic Design Freebies
Best Free iPhone 17 Mockups - Best Free iPhone 17/17 Pro/17 Air Mockups for Designers.
50 Free Textures in 5K - A collection of 50 free textures in 5K resolution.
Liquid Glass Style UI Icons - 1600+ Free Liquid Glass Style UI Icons.
iOS 26 Icons - iOS 26 Liquid Glass Icons Pack.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Qwen3-ASR-Toolkit - Transform hours of audio into text with Qwen3-ASR-Toolkit's smart splitting and multi-threaded processing capabilities.
ChatWithAnyone - iOS App for 100% Private AI Chat with Custom Personas.
App.Build Agent - Create Full-Stack Apps from a Single Prompt.
AI SEO Score - Free AI Tool to Check How AI-Ready Your Website Is.
Gemini in Chrome - Understand the context of what you’re doing across multiple tabs, answer questions and integrate with other popular Google services, like Google Docs and Calendar.
Notion Agents - Agents can do everything a human can do in Notion: Create docs, build databases, search across tools, and execute multi-step workflows.
CodeWords - Describe your task and let CodeWords create and run your automation instantly.
stackoverflow.ai - An AI-powered search and discovery tool designed to modernize the Stack Overflow experience by helping developers get answers instantly.
Tongyi DeepResearch - The first fully open-source Web Agent to achieve performance on par with OpenAI's Deep Research with only 30B (Activated 3B) parameters!
GPT‑5-Codex - A version of GPT‑5 further optimized for agentic coding in Codex.
News & Articles
How OpenAI Uses Codex (Link)
Wasm 3.0 Completed (Link)
An Accessible Guide to WCAG 3.3.8: Authentication Without Frustration (Link)
WebKit Features in Safari 26.0 (Link)
Apple has a private CSS property to add Liquid Glass effects to web content (Link)
The Psychology Of Color In UX And Digital Products (Link)
JavaScript & CSS Snippets
Superheroes Carousel with reflections using sibling-index() and sibling-count()
See the Pen Superheroes Carousel with reflections using sibling-index() and sibling-count() by Chris Bolson (@cbolson) on CodePen.
Boxed Space Anomaly
See the Pen Boxed Space Anomaly by Matthias Hurrle (@atzedent) on CodePen.
liquid toggle— drag/tap
See the Pen liquid toggle— drag/tap by Jhey (@jh3y) on CodePen.
Scroll Driven Progressive Blur w/ Contrast
See the Pen Scroll Driven Progressive Blur w/ Contrast by Jhey (@jh3y) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #622
- Next: None
