Weekly Web Design & Development News: Collective #665

by jQueryScript,

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

interior - 54 Copy-Paste React Micro-Interaction Components.

54 Copy-Paste React Micro-Interaction Components

Amber Console - Retro Amber-terminal CSS Framework.

Retro Amber-terminal CSS Framework

Brackets.js - Tournament Brackets for JavaScript.

Tournament Brackets for JavaScript

SKI - Free Local Voice Coding for Claude Code, Codex & OpenClaw.

Free Local Voice Coding for Claude Code, Codex & OpenClaw

awesome-coding-agent - A curated ranking of popular AI coding agents, sorted by GitHub stars.

Get Next Week's Picks

JavaScript & CSS

Writemark - Live Inline Markdown Editor with Custom Actions and Events.

Live Inline Markdown Editor with Custom Actions and Events

MVP Carousel - Stacked Card Carousel Slider With Vanilla JavaScript.

Stacked Card Carousel Slider With Vanilla JavaScript

Speed Highlight - Tiny & Fast JavaScript Syntax Highlighting Library.

Tiny & Fast JavaScript Syntax Highlighting Library

Justif - TeX-Style Text Justification for the Web.

TeX-Style Text Justification for the Web

Yace - Tiny Code Editor with Plugins and Syntax Highlighting.

Tiny Code Editor with Plugins and Syntax Highlighting

status-indicator - Animated Status Picker Web Component for Workflow Steps.

Animated Status Picker Web Component for Workflow Steps

95CSS - Retro Windows 95 UI Framework in Pure CSS.

Retro Windows 95 UI Framework in Pure CSS

Table of Content - Create ChatGPT-Style Side Navigation.

Create ChatGPT-Style Side Navigation

neat-annotations - Pure CSS Text Highlights with Arrows.

Pure CSS Text Highlights with Arrows

Vantl - Responsive Timeline Plugin with Horizontal & Vertical Layouts.

Responsive Timeline Plugin with Horizontal & Vertical Layouts

elena - A simple, tiny library for building Progressive Web Components.

deer-workflow - An open-source graph engineering runtime that keeps orchestration in TypeScript and delegates semantic work to replaceable Agent runtimes.

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

GreatUI - Dark React UI Library for Tailwind CSS & Shadcn/UI.

Dark React UI Library for Tailwind CSS & Shadcn/UI

Lifeline - Animated Timeline Component for Next.js.

Animated Timeline Component for Next.js

Nexvyn UI - 30+ Animated UI Components for shadcn/ui & React.

30+ Animated UI Components for shadcn/ui & React

drawesome - A drawing toolbar for React.

beautiful-expo - Beautiful, copy-pasteable Expo components.

octane - A fast JavaScript UI framework, and the successor to Inferno.

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

servo - A prototype web browser engine written in the Rust language.

buzz - A hive mind communication platform.

editor - A 3D building editor built with React Three Fiber and WebGPU.

topcoat - A batteries-included framework for building web apps.

decimen-optical-transfer - Send a file between two devices using nothing but a screen and a camera.

file-viewer - Browser-native Office / PDF / CAD / archive viewer for internal web apps, with Vue, React, Svelte, jQuery, Web Components, and no server-side conversion.

gomlx - An Accelerated Machine Learning Framework For Go.

qr-data-transfer - Moves a file from one device to another as a live animated QR stream.

OpenSlides - Free, open-source, offline desktop app for creating animated code presentations.


Curated AI Tools for Developers and Designers

OpenMinis - Free Local-first AI Agent for iPhone and Android.

draw-your-font - Generate Real Fonts From Your Handwriting.

code-review-graph - Local-first code intelligence graph for MCP and CLI.

MiniMax H3 - Generates video with native stereo audio at up to 2K resolution and 15 seconds in length.

DeepSeek-V4-Flash-0731 - The official release of DeepSeek-V4-Flash, superseding the preview version, with substantially enhanced agentic capabilities.

Memmy Agent - A personal memory hub and local AI agent for all AI Agent and tools like Claude Code, Codex, OpenClaw and Hermes.

Codex Security - A CLI and TypeScript SDK for finding, validating, and fixing security vulnerabilities in your code. Scan repositories, review changes, track findings over time, and run security checks in CI.

FLUX 3 x mimic - The Next Generation of Video-Action Models.

Browse more AI tools for developers →


Design Freebies

iOS 26 App Icons - iOS 26 App Icons for iPhone Themes and App Mockups.

iOS 26 App Icons for iPhone Themes and App MockupsG

Fintech Illustration - 10 Free Isometric Fintech Illustration Pack for Figma.

26 vector illustrations for finance, fintech, and business design projects.

iPhone & Macbook Mockup - Sketch-style iPhone & Macbook Figma Mockup.

Sketch-style iPhone & Macbook Figma Mockup

Discover more Design Freebies →


Read This Week

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

OpenAI Codex Commands Cheat Sheet

AI LLM API Pricing 2026: GPT-5.6, Gemini 3.6, Claude Opus 5, and More

380+ Most Popular Agent Skills on GitHub for Coding Agents