Weekly Web Design & Development News: Collective #673

Everything you need to know in development & design this week, rounded up for you (Week 42, 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:

css-doodle - Generative CSS Art & Pattern Generator.

CesiumJS - Interacitve Build 3D Maps and Globes with WebGL & JS.

Shaders - 199 WebGPU Components for Interactive Effects.

TanStack Charts - A typed, tree-shakable chart grammar for SVG and Canvas.

Nano Banana 2.1 - Google's updated high-efficiency image model improves image generation and conversational editing.

Get Next Week's Picks

JavaScript & CSS

reseter.css - Lightweight CSS Reset & Normalizer.

Scrollbooster - Smooth Drag To Scroll Library.

ApexCharts.js v8 - Responsive, Interactive SVG Chart Library for Dashboards and Apps.

@office-kit/docx - Create and Edit Word Files in JS.

lightGallery v3 - Responsive Lightbox Gallery With Pure JavaScript And CSS3.

Frutjam - CSS-Only Tailwind CSS v4 UI Components.

gpuslider - GPU Image & Video Carousel with Shader Effects.

Pure Swipe Slider - Tiny Touch Carousel Web Component for Modern Apps.

folder-tree - Tree View with Search, DnD, and Checkboxes.

bootstrap-tokens - Bootstrap 6's design system as portable design tokens, and a visual theme builder that writes them.

Discover more JavaScript & CSS Libraries →

---

React, Next.js & UI Components

ObsidianUI - React Components & Animated UI Blocks.

Vibra UI - Free shadcn/ui Admin Dashboards, Pages, and Components.

Hugeicons Animated - Motion Icons for React & shadcn/ui.

Remocn - 350+ Copy-paste Video Components for Remotion.

Warren UI - 48+ UI Components for Ops Dashboards.

MicroKit UI - 49+ Microinteractions for React & shadcn/ui.

Gauge UI - Composable SVG Gauges for React & shadcn/ui.

Logoforge - 900+ Brand Logos for React & shadcn/ui.

Plasma UI - WebGL Liquid Panels for React Workspaces.

sfinterface-numbers - Animated Number Transitions for React.

Expo Motion Blur - Velocity-Based Blur for React Native Views.

Discover more Next.js & shadcn/ui resources →

---

Web Dev Tools & Resources

audio - High-level audio manipulations: loading, playback, analysis and editing.

oxynote - Your system, with subtitles. Notion-style pages with live observability charts, Stripe-style API docs and pull-request-style reviews.

vy - Explore and query JSON and YAML, right in your terminal.

shotcandy - Free, open-source screenshot beautifier that runs in your browser.

hunk - Review-first terminal diff viewer for agentic coders.

Trazor - Raster image (PNG, JPEG) to SVG converter, entirely in your browser.

Amagine3D - From hardware requirements to editable 3D designs.

typist - Turn any photo into text art you can paste into Instagram, X and Telegram.

LinearAbilityExtThreeJS - A skillshot VFX sandbox built with Three.js, Vite and hand-written GLSL.

---

Curated AI Tools for Developers and Designers

Talorys - Open-Source Personal AI Assistant on Cloudflare.

SynthID Detector - Check AI-generated Images, Video & Audio.

Mortiflix - Open-Source Local AI Video Generator with Claude.

Plannotator - Visual Plan Review for Claude Code & OpenCode.

Gemini Agent - Google’s new work agent completes delegated tasks using company context and connected apps.

Claude Haiku 5.5 - Anthropic’s faster, lower-cost small model for high-volume tasks and coding subagents.

MAI-Code-1.1-Flash - Microsoft's updated coding model delivers faster responses and improved efficiency in GitHub Copilot.

OpenAI Decisions API - Returns typed decisions from text and images for near-real-time application logic.

EmbeddingGemma 2 - Google's open multimodal embedding model runs cross-modal search and retrieval on-device.

Browse more AI tools for developers →

---

Design Freebies

Google Product 2026 Icons for Figma - A Figma-ready collection of Google product icons organized for UI/UX design, prototypes, and other Figma projects..

3D Crypto Icons - 120 Free 3D Crypto Coin PNGs in 4 Finishes.

Apple Mockups - Apple iMac, MacBook & iPhone Mockups in Figma.

Discover more Design Freebies →

---

Read This Week

7 Best Open-Source NotebookLM (Gemini Notebook) Alternatives

10 Best Free AI Tools for Academic Research

Claude Code Commands Cheat Sheet

How we made claude.ai 3x faster in two weeks (From Claude Dev)

Improving site performance by shipping more CSS (Github)

---