Weekly Web Design & Development News: Collective #666

by jQueryScript,

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

OrgChart - Interactive Organization Chart in Vanilla JavaScript.

Interactive Organization Chart in Vanilla JavaScript

TanStack Charts - A TypeScript visualization grammar for responsive, accessible, server-rendered application charts.

A TypeScript visualization grammar for responsive, accessible, server-rendered application charts

Grok Build CLI 1.0 - SpaceXAI’s Open-source Terminal AI Coding Agent.

SpaceXAI’s Open-source Terminal AI Coding Agent

Cloudflare OS - Cloudflare’s Open-Source AI Agent Workspace.

Cloudflare’s Open-Source AI Agent Workspace

Clean Social Icons - 120+ Free Clean Social Icons for Figma.

120+ Free Clean Social Icons for Figma

Get Next Week's Picks

JavaScript & CSS

BrickSlider.js - Responsive Accessible Carousel Engine with Stories.

Responsive Accessible Carousel Engine with Stories

morphicons - SVG Icon Morphing for JavaScript, React, and Vue.

SVG Icon Morphing for JavaScript, React, and Vue

Speed Highlight - Tiny & Fast JavaScript Syntax Highlighting Library.

Tiny & Fast JavaScript Syntax Highlighting Library

Blossom Carousel - Native Scroll Carousel Web Component with Drag.

Native Scroll Carousel Web Component with Drag

Rink.js - Responsive Link Targets by Viewport Width.

Responsive Link Targets by Viewport Width

CyberToast.js - Cyberpunk Toast Notifications with Glitch Effects.

Cyberpunk Toast Notifications with Glitch Effects

wc-location-field - Address Search & Location Picker Web Component with Maps.

Address Search & Location Picker Web Component with Maps

modal.css - Pure CSS Responsive Modal Popup Library.

Pure CSS Responsive Modal Popup Library

Lightbox3 - Image Gallery Lightbox with Touch & Zoom Support.

Image Gallery Lightbox with Touch & Zoom Support

BsNestedSortable - Drag and Drop Nested Tree for Bootstrap.

Drag and Drop Nested Tree for Bootstrap

Color Thief - Image Color Palette Generating Plugin.

Image Color Palette Generating Plugin

MapLibre GL JS - An open-source library for publishing maps on your websites or webview based apps.

comark - The Markdown engine for the modern web.

complete-shelf - An original single-file Three.js library of seven interactive clothbound hardcovers.

mountx - Write a filesystem in JavaScript, mount it as a real kernel filesystem.

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

AdminCN - Free Next.js Admin Dashboard Template with Shadcn UI.

Free Next.js Admin Dashboard Template with Shadcn UI

Componentry - Animated React/TailwindCSS Components for Next.js.

Animated Timeline Component for Next.js

Arise UI - Animated shadcn Components for Next.js.

Animated shadcn Components for Next.js

PRISM - A Liquid Glass WebGL Carousel for Next.js.

A Liquid Glass WebGL Carousel for Next.js

react-native-better-clustering - BBetter (Faster) way to cluster points on react-native-maps.

Better (Faster) way to cluster points on react-native-maps

expo-glass-tabs - Liquid Glass Tabs for Expo Router.

Liquid Glass Tabs for Expo Router

expo-paperkit - Apple PaperKit for Expo/React Native.

mobile-ink - Production-grade React Native ink engine with native Skia/Metal drawing and continuous canvas primitives.

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

anydoc - Fast Rust library that converts documents (Word, PowerPoint, Excel, OpenDocument, RTF, EPUB, CSV, and PDF) into clean GitHub-Flavored Markdown.

ffmpeg-webCLI - A browser-based video editor powered by ffmpeg.wasm.

wyzer - The Wyzer Programming Language.

ui-components - Web Components for TUI and Browser made with pure Rust from Lit Element.

overflow-guard - Tools for detecting html content overflowing and building better responsive layouts.

xlsx - A JavaScript library for Excel (XLSX) files, inspired by openpyxl.

hihtml - The HTML supertool to validate, link-check, and minify web pages.

markdy-com - Open-source text-to-motion animation DSL. Write MarkdyScript to render animated scenes in the browser.


Curated AI Tools for Developers and Designers

Phone Harness - Control Your iPhone with Claude Code or Codex.

open·kritt - Self-Hosted AI Agent Orchestration for Vulnerability Research.

QM - Y Combinator’s Open-Source Agent Harness for Startups.

Muse Code - A terminal coding agent built for long-horizon software engineering, powered by our new Muse Spark 1.2 model.

Prime Agent - A self-improving RLM agent.

FLUX 3 Video - Native audio, Text to Video, Image to Video with multiple frames, video continuation, dialogue in multiple languages.

Skill Recorder - Record yourself doing a task once, then turn it into a skill your AI agent can repeat.

Qwen3.8-Max - The most capable model in the Qwen family to date.

Seedance 2.5 - ByteDance’s new-generation video creation model.

Browse more AI tools for developers →


Design Freebies

3D Blob Shapes - 60+ Free Holographic 3D Blob Shapes for Figma.

60+ Free Holographic 3D Blob Shapes for Figma

XF_Nstf - Free Compact Train Schedule Font.

Free Compact Train Schedule Font

3D Glass Icons - 230+ Free 3D Glass Icons with Iridescent Effects.

Sketch-style iPhone & Macbook Figma Mockup

Discover more Design Freebies →


Read This Week

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

Claude Code MCP Setup: Add Local and Remote MCP Servers

GitHub Copilot Cheat Sheet: CLI & Slash Commands, Variables, and Shortcuts

380+ Most Popular Agent Skills on GitHub for Coding Agents