Weekly Web Design & Development News: Collective #657

by jQueryScript,

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

phantom-ui - Auto-Generated Skeleton Loader Web Component for Any Framework.

Auto-Generated Skeleton Loader Web Component for Any Framework

docx-editor - Open-source WYSIWYG .docx editor library with canonical OOXML, tracked changes, and real-time collaboration.

Auto-Generated Skeleton Loader Web Component for Any Framework

zerolang - The programming language for agents.

semble - Fast and Accurate Code Search for Agents.

Google Antigravity 2 - Agent-First Dev Platform with Gemini 3.5.

Get Next Week's Picks

JavaScript & CSS

quick-avatar - Generate Deterministic PNG Avatars from Any String.

Generate Deterministic PNG Avatars from Any String

glur - Fast Gaussian Blur for Canvas Image in JavaScript – glur

Fast Gaussian Blur for Canvas Image in JavaScript – glur

Planet Avatar - Deterministic 3D SVG Avatar Generator for JavaScript, React, and Vue.

Deterministic 3D SVG Avatar Generator for JavaScript, React, and Vue

easy-tooltips v3 - Lightweight Tooltip Library with Smart Positioning.

Lightweight Tooltip Library with Smart Positioning

Autumn Note - Full-featured WYSIWYG HTML Editor With Image Upload.

Full-featured WYSIWYG HTML Editor With Image Upload

Clipify.js - Advanced Clipboard Management in JavaScript.

 Advanced Clipboard Management in JavaScript

theSVG - 5,600+ Brand SVG Icons for Developers.

5,600+ Brand SVG Icons for Developers

apexcharts.js - Versatile Interactive SVG Chart Library.

Versatile Interactive SVG Chart Library

EPD Optimize - Dither Images for E-Paper Displays in JavaScript.

Dither Images for E-Paper Displays in JavaScript

FilterSelect - jQuery Dual List Box with Search and Groups.

jQuery Dual List Box with Search and Groups

warp-drive - The lightweight data library for ambitious web apps — universal, typed, reactive, and ready to scale.

alien-signals - The lightest signal library.

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

tailwindcss-scoped-preflight - Scope Tailwind CSS Preflight Styles.

Scope Tailwind CSS Preflight Styles

Astro Masonry - Responsive Masonry Layout Component for Astro.

Responsive Masonry Layout Component for Astro

Cascade - CSS Property SVG Icon Components For React.

CSS Property SVG Icon Components For React

waku - The minimal React framework designed for a fun developer experience, yet supports all the latest React 19 features like server components and actions.

react-z-form - Lightweight, high-performance form state management powered by Zustand.

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

bumblebee - Read-only developer endpoint scanner for on-disk package, extension, and developer-tool metadata, built to check exposure to known software supply-chain compromises.

ax - Google's open source distributed agent runtime.

TorQ - The framework forms the basis of a production kdb+ system by implementing some core functionality and utilities on top of kdb+, allowing developers to concentrate on the application business logic.

ShadowCat - GSingle file optical file transfer using a browser.

crossview - A standard Crossplane UI dashboard.

yapsnap - Snap any video URL or audio file into plaintext.

pica - Resize image in browser with high quality and high speed.


Curated AI Tools for Developers and Designers

Gemini 3.5 Flash - Frontier-level intelligence with strong agentic/coding performance, faster inference, richer interactive UIs/graphics, and improved safety guardrails.

SmallCode - Local AI Coding Agent for Small LLMs.

Antigravity CLI - Gemini CLI Alternative for Agent-first Development.

OpenHuman - Free Private Desktop AI Agent with Local Memory.

Google Antigravity 2 - Agent-First Dev Platform with Gemini 3.5.

HTML Anything - Free Local AI HTML Generator for Creators & Writers.

Design.md - Free AI Tool Extracts Design System (Design.md) from Any Website.

Composer 2.5 - Cursor’s most powerful model yet.

Qwen3.7-Max - Qwen’s latest proprietary model designed for the agent era.

Browse more AI tools for developers →


Design Freebies

NeonAI - AI Workspace & Dashboard UI Kit for Figma.

AI Workspace & Dashboard UI Kit for Figma

AI Art Generator App UI Kit - Dark AI Art Generator App UI Kit for Figma.

Dark AI Art Generator App UI Kit for Figma

E-commerce & Shopping Icons - 3D Clay E-commerce & Shopping Icons.

3D Clay E-commerce & Shopping Icons

Discover more Design Freebies →


Read This Week

Automate Anything: 10 Best & Open-source AI Agents Of 2026

Why it matters: If you plan to let agents edit code, use a browser, run commands, or handle files, this helps you compare the workflow surface before you hand over access.

15 updates from Google I/O 2026: Powering the agentic web with new capabilities, tools, and features in Chrome

Why it matters: WebMCP, built-in AI, DevTools for agents, and new UI APIs point to a browser where sites need to serve both people and software agents.

Install web apps with the new HTML install element

Why it matters: PWA teams can start testing a browser-rendered install button instead of relying only on custom JavaScript around beforeinstallprompt.

Rolldown 1.0 Released

Why it matters: If your stack depends on Vite, Rollup plugins, or large frontend builds, Rolldown 1.0 is now part of the tooling direction you need to track.