Weekly Web Design & Development News: Collective #664
Everything you need to know in development & design this week, rounded up for you (Week 31, 2026).
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!
5 Picks Worth Your Time:
Canvas UI - Fluid, Glass, and Shader Effects Over Live HTML.
snapDOM - Fast & Accurate DOM to Image Capture Library.
Slick.js 2 - Fully Responsive & Flexible jQuery Carousel Slider Plugin.
thinking-orbs - React Loading Indicators for AI UIs.
Claude Opus 5 - Opus model for complex agentic coding and enterprise work, with a 1M-token context window, 128K maximum output, and adaptive thinking enabled by default.
Get Next Week's Picks
JavaScript & CSS
Travels.js - 10x Faster Undo/Redo Using JSON Patches.
qr-code - Generate PNG, SVG, and HTML QR Codes.
Beer CSS - Lightweight Material Design 3 CSS Framework.
Defuddle.js - Extract Clean Web Content.
Liquid Connector - A Web Component for Card-to-Prompt Peel Effects.
DOM-to-PPTX - High-Fidelity HTML to PowerPoint Converter in JavaScript.
Model Picker - Animated AI Model & Reasoning Effort Selector.
Oat UI - Lightweight & Semantic UI Component Library.
PreviewForm - Form Data Preview Before Submit for JS & jQuery.
eModal 2 - Bootstrap 5 Alert, Confirm & Prompt Dialogs.
weave - A browser-based video editor that renders videos directly with FFmpeg.
Jelly UI - A dependency-free Web Components library for soft, tactile product interfaces.
unwasm - WebAssembly tools for JavaScript.
Discover more JavaScript & CSS Libraries →
React, Next.js & UI Components
termcn - Copy-Paste Terminal UI Components for React.
Akaza UI - Headless UI Primitives for Vue & Nuxt.
Spark UI - Animated Next.js UI Components with Tailwind CSS and Motion.
gsxui - shadcn-style components for gsx — copy-in, type-checked, server-rendered.
dialkit - A library to help you dial in interface parameters of any kind.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
Bento - This PowerPoint alternative is a single HTML file.
open-seo - Open source alternative to Semrush and Ahrefs.
sticker-forge - A tactile WebGL sticker maker with rich text, image uploads, and interactive peel physics.
Imagin RAW - A lightweight, native macOS application for browsing, culling, and organizing RAW photos.
A11Y.md - A context system for building accessible software by default.
yoinks - Download videos from YouTube, X/Twitter, Instagram, Threads, TikTok and 1,800+ other sites.
ego-lite - The fastest browser for AI agents to run web automation, built for sharing your logged-in browser state with your AI agents, like Codex or Claude Code, without disturbing you.
neko-master - A modern and elegant dashboard for network traffic visualization and analysis.
scriptc - TypeScript-to-Native Compiler.
dskDitto - The ultra-fast, parallel duplicate-file detector with interactive menus that make clearing unnecessary duplicates hassle free.
codealmanac - A codebase wiki for AI coding agents. Captures what the code can't say: decisions, flows, invariants, gotchas.
Curated AI Tools for Developers and Designers
OpenWorker - Andrew Ng’s Free Local AI Coworker with 25+ App Connectors.
cue - Open-Source AI Assistant for Private On-Screen Help.
Qwen3.8 - A massive multimodal artificial intelligence model with 2.4 trillion parameters.
Gemini 3.6 Flash - Google’s workhorse model that delivers better coding, knowledge work, and multimodal performance.
Cito - Free Hybrid Academic Search for AI Agents.
Qwen-Image-3.0 - The third-generation foundational image generation model in the Qwen-Image series.
Flux 3 - One multi-modal model for Image, Video, Audio and Action-Prediction.
ChatGPT Voice - You can now control your computer and direct multiple agents running in ChatGPT Work or Codex, using just your voice.
Browse more AI tools for developers →
Design Freebies
Flow Field Patterns - 55 Free Abstract Flow Field Patterns in AI, EPS & SVG.
Finance & Fintech Illustrations - 26 vector illustrations for finance, fintech, and business design projects..
Arrow Vectors - 160 Free Hand-Drawn Arrow Vectors for Figma.
Discover more Design Freebies →
Read This Week
The Ultimate Claude Code Resource List 2026: Agents, Skills, Plugins & More
OpenAI Codex Commands Cheat Sheet
SpaceXAI Timeline: Grok Release History and Product Milestones
jQuery Timeline: Release History From 1.0 to 4.0
- Prev: jQuery Timeline: Release History From 1.0 to 4.0
- Next: None
