jQuery Script Blog

Weekly Web Design & Development News: Collective #660

by jQueryScript,

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

Shuffle.js - Responsive Sortable Filterable Grid Layout Library.

Responsive Sortable Filterable Grid Layout Library

Calligraph - React Text Transitions with Motion.

React Text Transitions with Motion

Extend UI - React Document Components for Document-heavy Apps.

a free futuristic sportswear ecommerce UI kit for Figma

agmsg - Cross-Agent Messaging for CLI AI Coding Agents.

MiMo Code - Open-Source AI Coding Agent with Cross-Session Memory.

Get Next Week's Picks

JavaScript & CSS

WebTUI - Terminal-Inspired CSS Library for Retro Web UI.

Terminal-Inspired CSS Library for Retro Web UI

swup - Create CSS Transitions When Switching Between Pages.

Create CSS Transitions When Switching Between Pages

validation-enhancer - Native HTML Form Validation Enhancer with Zod Support.

Native HTML Form Validation Enhancer with Zod Support

Tiks.js - Add UI Sound Effects to Web Apps.

Add UI Sound Effects to Web Apps

qrGrid - Custom QR Code Generator with Logos and Gradients.

Custom QR Code Generator with Logos and Gradients

js-validation - Vanilla JavaScript Form Validation with Custom Rules and Messages.

Vanilla JavaScript Form Validation with Custom Rules and Messages

Mathup - Simplify MathML Authoring with Lightweight Syntax.

Simplify MathML Authoring with Lightweight Syntax

apexcharts.js - Versatile Interactive SVG Chart Library.

Versatile Interactive SVG Chart Library

Color Thief - Image Color Palette Generating Plugin.

Image Color Palette Generating Plugin

SurveyJS - Advanced Survey/Feedback/Quiz Library in JavaScript.

Advanced Survey/Feedback/Quiz Library in JavaScript

lumenshaders - A generative shader studio. 9 WebGL2 art modes plus synth style blending, perfect-loop animation, gradient sets, share codes and PNG/WebM/GIF export. .

Discover more JavaScript & CSS Libraries →

React, Next.js & UI Components

Message UI - React Attachment Components for Chat UI.

React Attachment Components for Chat UI

performative-UI - 27+ React Components for AI Startups.

27+ React Components for AI Startups

Ambar UI - 45+ Svelte UI Components with Tailwind CSS.

45+ Svelte UI Components with Tailwind CSS

Shadcn View Table - Next.js Data Tables with Sorting, Filtering & Pagination.

Next.js Data Tables with Sorting, Filtering & Pagination

rock - Modular toolkit for teams building React Native apps.

react-native-grab - Touch-to-grab context tool for React Native UI changes.

react-native-vibe-code-sdk - The first open-source IDE that creates mobile apps with AI.

react-native-view-recorder - Capture any React Native View to a video or an image.

Discover more Next.js & shadcn/ui resources →

Web Dev Tools & Resources

nitro - Create web servers with everything you need and deploy them wherever you prefer.

ntsc-rs - Free, open-source VHS effect. Standalone application + plugin (After Effects, Premiere, and OpenFX).

zeroserve - Zero-config, fast `io_uring`-based HTTPS server.

office-open-xml-viewer - A browser-based viewer for Office Open XML documents that renders to an HTML Canvas element.

yuku - High-performance JavaScript/TypeScript compiler toolchain in Zig.

gitpow - An open-source, cross-platform git client.

tstyche - Everything You Need for Type Testing.

nixtml - Static website and blog generator written in nix.

unbarrelify - Barrel file removal tool for JavaScript & TypeScript projects (ESM-only).

kyushu - A self-hostable Wasm sandbox for JavaScript workers.

Curated AI Tools for Developers and Designers

Wayland - Local-First AI Agent Command Center for Claude Code & Codex.

Kimi-K2.7-Code - A coding-focused agentic model built upon Kimi K2.6.

DiffusionGemma - Google’s open experimental model delivers up to 4x faster inference on dedicated GPUs and opens the door to exploring speed-critical, interactive local workflows.

Siri AI - The next generation of Apple Intelligence and Siri, truly helpful AI that’s centered around you and your needs.

DeepSeek-GUI - AI agent workspace for DeepSeek models, with Code and Claw modes built into your application.

dots.tts - Free Open-Source Voice Cloning With 24-Language Support.

argent - An agentic toolkit to control, debug, and profile iOS and Android apps.

Browse more AI tools for developers →

Design Freebies

Material Symbols - 2500+ Free Material Design 3 Icons for Figma.

2500+ Free Material Design 3 Icons for Figma

Fintech UI Kit - Modern Fintech UI Kit for Digital Banking App.

Modern Fintech UI Kit for Digital Banking App

iOS 27 App Icon Template - Official iOS 27 App Icon Template for Figma.

Official iOS 27 App Icon Template for Figma

Discover more Design Freebies →

Read This Week

Upcoming breaking changes for npm v12

If your builds rely on dependency scripts, native builds, Git dependencies, or remote tarballs, test npm 11 warnings now and commit trusted allowlists before npm v12.

CSS: Unavoidable Bad Parts

Frontend developers can use this as a practical reminder to control browser defaults, box sizing, margins, and typography before small CSS assumptions turn into layout bugs.

Angular Team Announced Angular v22

Angular teams should review stable Signal Forms, Angular Aria, async reactivity, template changes, OnPush defaults, and deprecated webpack tooling before planning upgrades.

The Ultimate Claude Code Resource List 2026: Agents, Skills, Plugins & More

Compare Claude Code agents, skills, plugins, GUIs, monitoring tools, and alternatives before adding automation to real projects.