Weekly Web Design & Development News: Collective #672

by jQueryScript,

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

parallax-vanilla - Easy Parallax Scrolling Effect In Vanilla JavaScript.

Easy Parallax Scrolling Effect In Vanilla JavaScript

Canvas Confetti - Custom Confetti Bursts with JavaScript.

Custom Confetti Bursts with JavaScript

impeccable - The design language that makes your AI harness better at design.

Claude Sonnet 5.5 - Runs 30%+ faster than Sonnet 5 across everyday work and coding tasks.

Gemini 4 Argon - Google’s new frontier model supports up to 1 million output tokens for long-horizon work.

Get Next Week's Picks

JavaScript & CSS

Wordgard - Schema-Based JavaScript Rich Text Editor.

Schema-Based JavaScript Rich Text Editor

Rattribute.js - Change HTML Attributes at Specific Breakpoints.

Change HTML Attributes at Specific Breakpoints

resizable-panes-js - Resizable Split Layouts in JavaScript.

Resizable Split Layouts in JavaScript

code-input.js - Editable Syntax-Highlighted Textarea.

Editable Syntax-Highlighted Textarea

UserAccessibility.js - Floating Accessibility Widget in Vanilla JS.

Floating Accessibility Widget in Vanilla JS

Taxi.js v2 - PJAX Navigation & Page Transitions in Vanilla JavaScript.

PJAX Navigation & Page Transitions in Vanilla JavaScript

tte.js - 37 Terminal Text Effects in JavaScript.

37 Terminal Text Effects in JavaScript

DOMRander - RTL-Aware DOM to Canvas Renderer.

RTL-Aware DOM to Canvas Renderer

Solarite - A small JavaScript library for native web components.

stream-json - A micro-library of stream components for building custom JSON and JSONC processing pipelines with a minimal memory footprint.

Vela - Fast, extensible financial charts for the web. The open-source core of Vela by LuxAlgo.

Effect - A library for building robust, maintainable, type-safe, and production grade applications in TypeScript.

hairline - Twenty-seven isometric line figures that answer the pointer. For React and for anything with a DOM.

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

audiocn - React Audio Components for shadcn/ui.

React Audio Components for shadcn/ui

data-table-filters - shadcn/ui Data Table Components & Blocks.

React Rich Text Editors for shadcn/ui

SolidJS Route Progress Bar - SolidJS Route Progress Bar with CSS Trickling.

SolidJS Route Progress Bar with CSS Trickling

React Vibe - React Motion Components for SaaS UIs.

React Motion Components for SaaS UIs

Shark UI - 90+ React Components for Tailwind CSS.

90+ React Components for Tailwind CSS

Starting Point UI - Shadcn/ui-Style Tailwind Components.

Shadcn/ui-Style Tailwind Components

NeonBlade UI - Futuristic React Components for Tailwind CSS.

Futuristic React Components for Tailwind CSS

Doodle Icons - Animated Hand-Drawn React SVG Icons.

Animated Hand-Drawn React SVG Icons

d3-maps - Interactive SVG maps toolkit for React 19 and Vue 3.

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

reactive-resume - A one-of-a-kind resume builder that keeps your privacy in mind.

e2e - Next generation e2e testing framework for web and mobile apps.

muse-gadget-sdk - Open source SDK to build Muse gadgets.

webbrain - Open-source AI browser agent for Chrome and Firefox (monorepo).

clearwater - Real-time, photoreal shallow water in a single HTML file.

lody-ios - Independent iOS client for Lody — native chat, sessions, and coding-agent collaboration on iPhone.

zero-js - A C-like language that compiles to standalone HTML and CSS, with zero bytes of JavaScript.

Frost - A frosted-glass icon theme for Linux.

vgpu - Modular cross-runtime WebGPU library for shaders, 3D scenes, GPU tensors, neural networks, and math viz.

audio - Declarative audio synthesis for the web.


Curated AI Tools for Developers and Designers

Codync - Run Claude Code, Codex & More as Persistent Bots.

OpenDots - Open-sourceSelf-Hosted OpenAI Dots Alternative.

Ollaya - Run Jev-style Decision Models Locally.

Claude Code Mods - Lets developers rewrite behavior and UI with small TypeScript functions shipped through plugins.

Pi 1.0 - A hardened release of the minimal coding agent with a stronger foundation for extensions.

GPT-6.1 Sol - Near-Astra intelligence for agentic coding and computer use at one-fifth Astra’s standard token prices.

ZCode - Z.ai’s Open-Source AI Coding Workspace with Goal Mode.

Manus 2.0 - Introduces Cue, where personal agents get their own identity and dedicated computer.

MiniMax M3.1-Flash-Preview - Arrives in MiniMax Code as a preview model for everyday coding work.

Browse more AI tools for developers →


Design Freebies

Stroke Icons Pack - 400+ Editable Stroke Icons for Figma.

Stroke Icons Pack

Abstract Line Patterns - 30 Free Abstract Line Patterns for Figma.

30 Free Abstract Line Patterns for Figma

AI Agent Icons - 225 Free Open-Source SVG Icons for AI Agent Design.

225 Free Open-Source SVG Icons for AI Agent Design

Discover more Design Freebies →


Read This Week

Pi Coding Agent Cheat Sheet: Commands, Flags & Shortcuts

The Ultimate Codex Resource List 2026: Skills, Plugins, MCP, SDKs & More

The Ultimate Jev Resource List 2026: SDKs, Agents, MCP Servers & More

Cursor CLI Cheat Sheet: Commands, Flags & Slash Commands

10 Best CLI AI Coding Agents: Open-Source & Commercial