Weekly Web Design & Development News: Collective #614
Everything you need to know in development & design this week, rounded up for you (Week 30, 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 that stunning liquid glass effect with a new UI library and learn how Apple does it.
- Get started fast with a huge pack of 50+ modern and accessible React UI components.
- Instantly kill annoying sticky elements on any website with this handy keyboard shortcut.
- A groundbreaking new AI model that generates high-quality videos up to 60 seconds long.
- Snag Apple's official and free iOS 26 & iPadOS 26 Figma UI kit.
- Stay current with the latest Next.js 15.4 update.
- + 48 other great resources and tools
- + 7 design freebies and snippets
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
legid - Generate Safe, Random, Tamper-Proof IDs in JavaScript. (Live Demo)
Untitled UI React - 50+ Modern Accessible UI Components for React/Next.js. (Live Demo)
Bundui - Modern Portfolio Template for Next.js. (Live Demo)
SHSF UI - Motion-First UI Components with Smooth Animations. (Live Demo)
realglass - Create Realistic Liquid Glass UI. (Live Demo)
Video Background - Lazy Loading Video Backgrounds with IntersectionObserver. (Live Demo)
ASCIIGround - Animated ASCII Backgrounds for Web Apps. (Live Demo)
Chartie - Lightweight Performant Canvas Charting Library. (Live Demo)
changehover - 150+ CSS Hover Effects for Modern Web Apps. (Live Demo)
BootstrapTreeTable - Create Collapsible Searchable Tree Tables. (Live Demo)
arch-text: Create Curved Text Effects. (Live Demo)
network-monitor - Track Online Status & Connection Quality. (Live Demo)
upyo - A simple and cross-runtime library for sending email messages using SMTP and various email providers.
react-native-screen-transitions - Easy screen transitions for React Native apps.
partycles - A lightweight, performant React library for adding delightful animation effects to your applications.
cloudflare-worker-starter - Production-ready Cloudflare Worker starter template.
v0 SDK - A TypeScript SDK for interacting with the v0 Platform API to create and manage AI-powered chat conversations, projects, integrations, and more.
mochi-motion - An animation library that makes beautiful scroll animations effortless with professional spring physics.
react-secure-state - A secure and reliable state management tool with fine-grained permission control and ultimate rendering performance.
ts-module-isolation -A TypeScript implementation of fumieval/OrderOrder for analysing module dependencies and preventing jumbling of directories.
hono-react-boilerplate - A boilerplate for react, postgres, hono, drizzle, ai, better-auth, tanstack-query, tanstack-router, shadcn and tailwind.
imphnen.js - A modern TypeScript web server framework with end-to-end type safety, built for high performance with Bun runtime.
rn-selector - A lightweight and customizable selector component for React Native and Expo.
rudo - A modern SMIL animation library for React. Write beautiful SVG animations without the SMIL syntax hell.
hono-react-boilerplate - A boilerplate for react, postgres, hono, drizzle, ai, better-auth, tanstack-query, tanstack-router, shadcn and tailwind.
ream.js - The simplest Javascript Datetime library.
di-wise - Lightweight and flexible dependency injection library for JavaScript and TypeScript, w/wo ECMAScript decorators.
mcp-boilerplate - A remote Cloudflare MCP server boilerplate with user authentication and Stripe for paid tools.
Atomix - Tiny, predictable, reactive state manager for modern JavaScript & TypeScript apps.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
cli - Fast, reliable and easy-to-use js-to-exe compiler.
rustfs -High-performance distributed object storage for MinIO alternative.
pastoralist - A CLI tool for managing package.json overrides (or resolutions) with ease.
zeitwork - A Platform-as-a-Service that automatically builds and deploys your applications from GitHub.
spectest - Declarative API testing.
superpowers - A free, open-source Chrome extension that puts you in control of your AI interactions.
mdxlint - A CLI to lint and format MDX content.
miniB-HTML-editor - Advanced online HTML editor.
KillSticky - Removes sticky/fixed elements and restores scrolling with a keyboard shortcut.
monorepo-starter-graphql - A full-stack Turborepo Monorepo Starter.
Skill Icons - A simple SVG icon generator for programming languages and technologies.
Graphic Design Freebies
iOS 26 UI Kit - Apple’s Official iOS 26 & iPadOS 26 Figma UI Kit.
560+ Free Fintech Line Icons - A collection of over 560 free line icons designed for fintech applications and financial user interfaces.
AI Landing Page UI Kit Figma - Modern AI Landing Page UI Kit Figma.
Kraft Textures - 45 Free High-quality Kraft Textures (JPG).
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Awesome Claude Code - A curated list of awesome tools, integrations, extensions, plugins, frameworks, and other resources for developers working with Anthropic's Claude Code.
ChatGPT Agent - A unified agentic system combining Operator’s action-taking remote browser, deep research’s web synthesis, and ChatGPT’s conversational strengths.
Kimi K2 - An open-source agentic intelligence model optimized for tool use and complex tasks.
vibe-kanban - Kanban board to manage your AI coding agents: Claude Code, Gemini CLI, Codex, and more.
TestSprite - Turns your messy code into working software.
Kiro - The AI IDE for prototype to production.
Ai-Punk - A full-featured autonomous software development assistant with complete transparency of the thinking process.
Blink - Turn any idea into a beautiful, working app in seconds.
LTX-Video - The first DiT-based video generation model that can generate high-quality videos up to 60 seconds in real-time.
News & Articles
Getting Clarity on Apple’s Liquid Glass (Link)
How to Use ARIA Roles and Properties Effectively (Link)
Shipping WebGPU on Windows in Firefox 141 (Link)
Next.js has updated to 15.4 (Link)
Design Patterns For AI Interfaces (Link)
JavaScript & CSS Snippets
Wavy Lines / SVG version / Multiple paths
See the Pen Wavy Lines / SVG version / Multiple paths by Antoine Wodniack (@wodniack) on CodePen.
Pure CSS tilt & zoom grid on scroll (Chrome + Firefox with flag)
See the Pen Pure CSS tilt & zoom grid on scroll (Chrome + Firefox with flag) by Ana Tudor (@thebabydino) on CodePen.
Sticky Neon Layered
See the Pen Sticky Neon Layered by Ceairen (@yoann-b) on CodePen.
Image Slider / Card Slider
See the Pen Image Slider / Card Slider by BluishGlacier (@BluishGlacier) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #613
- Next: None
