Weekly Web Design & Development News: Collective #675

by jQueryScript,

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

CSS Animation - 25+ CSS Scroll/Reveal/Loading/Typing Animations for the Web.

25+ CSS Scroll/Reveal/Loading/Typing Animations for the Web

Sumi.css - Classless CSS Framework with UI Components

Classless CSS Framework with UI Components

Shadcn UI Kit - 550+ Free UI Components, Blocks & Dashboard.

550+ Free UI Components, Blocks & Dashboard

Hikari - Free Next.js SaaS Starter with Supabase & Stripe.

Free Next.js SaaS Starter with Supabase & Stripe

php2shell-scanner - A command-line tool for detecting CVE-2026-109618 and CVE-2026-109619 in PHP applications.

Get Next Week's Picks

JavaScript & CSS

medium-zoom - Pure JavaScript Medium-style Image Zoom Library.

Pure JavaScript Medium-style Image Zoom Library

Pele - Render Mermaid Diagrams to SVG with JavaScript.

Render Mermaid Diagrams to SVG with JavaScript

penciled - Persistent Text Highlights and Notes in JavaScript.

Persistent Text Highlights and Notes in JavaScript

Chartist - Responsive SVG Charts with Vanilla JavaScript.

Responsive SVG Charts with Vanilla JavaScript

chyrp - Stackable JavaScript Toast Notifications with Sound and Actions.

Stackable JavaScript Toast Notifications with Sound and Actions

vanillatree - Interactive Tree View In Vanilla JavaScript.

Interactive Tree View In Vanilla JavaScript

pretty-ms - Convert Milliseconds to Readable Time.

Convert Milliseconds to Readable Time

Travels.js - 10x Faster Undo/Redo Using JSON Patches.

10x Faster Undo/Redo Using JSON Patches

xterm.js - Interactive Terminal Emulator for the Web.

Interactive Terminal Emulator for the Web

VenoBox - Full-featured Responsive Lightbox Plugin.

Full-featured Responsive Lightbox Plugin

linkify - Transform URLs In Text Into Links.

Transform URLs In Text Into Links

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

Babelize Elements - Localization UI Components for React & Tailwind CSS.

Localization UI Components for React & Tailwind CSS

shadcn-animated - Animated React Components for shadcn/ui.

Animated React Components for shadcn/ui

Solid Glass - Glass Theme and AI Agent Components for shadcn/ui.

Glass Theme and AI Agent Components for shadcn/ui

SureUI - Undo & Confirmation Components for shadcn/ui.

Undo & Confirmation Components for shadcn/ui

UploadCN - 50+ shadcn File Upload Components & Blocks for React.

50+ shadcn File Upload Components & Blocks for React

tailwindcss-squircles - Automatic Squircle Corners for Tailwind CSS.

Automatic Squircle Corners for Tailwind CSS

next-shadcn-admin-dashboard - Customizable Admin Dashboard Panel Template Using Next.js & shadcn/ui.

Customizable Admin Dashboard Panel Template Using Next.js & shadcn/ui

React-Dockable - Dockable Tabs and Resizable Panels.

Dockable Tabs and Resizable Panels

Morph UI - React View Transition Components.

Dockable Tabs and Resizable Panels

Moodstone - Animated AI Agent Avatars for React Native.

Animated AI Agent Avatars for React Native

expo-composer-hold-menu - ChatGPT-inspired chat composer with a press-and-hold recent photo picker.

ChatGPT-inspired chat composer with a press-and-hold recent photo picker

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

hatchzip - A free, open-source archive extractor for Windows, macOS and Linux that extracts ZIP, 7z, RAR, tar and split archives in place.

reylo - Import .sql files into TypeScript with full type inference and zero codegen.

ElyOffice - Offline-first desktop apps in Rust and GPUI.

spritefusion-sprite-normals - A tool to generate normal maps from any sprite and animated sprite sheet.

TanStack AI 1.0 - An open-source, type-safe, and provider-agnostic TypeScript SDK for building AI applications, chat features, voice, image generation, and multi-step agents.

tsrs - A port of TypeScript to Rust.

SpeedCrunch - A free, open-source high-precision scientific calculator.

pour-engine - A zero-dependency WCAG 2.2 accessibility audit engine, written from the W3C specifications.


Curated AI Tools for Developers and Designers

MiniMax M3.1 Flash - Releases downloadable weights for a multimodal coding model with a 1M-token context window.

Claude Duet - A proactive assistant that monitors connected apps and works on tasks while you’re away.

FLUX 3 Max - Generates 10-second AI videos in around 12 seconds in fal’s tests.

Google Deep Review - Google’s AI reviewer examines technical documents for logical errors, weak reasoning, and unsupported claims.

MOSS-Image - An open-source image generator that controls text placement and object arrangements through structured layouts.

DeepInfer - An open-source inference framework optimized for running DeepSeek-V4.1-Flash on GPU clusters.

Harness - Refines an AI agent’s execution harness through recursive experiments on unfamiliar tasks.

NVIDIA OpenShell - Runs autonomous AI agents in policy-controlled sandboxes that restrict access to files and networks.

Browse more AI tools for developers →


Design Freebies

Iosevka Font - Monospace for Coding.

Monospace for Coding

Retro Computer Icons - 3,700+ Free Retro Computer Icons (PNG & ICO).

3,700+ Free Retro Computer Icons (PNG & ICO)

Button UI Kit - Modern Button UI Kit with 5 Styles and 5 States (Figma).

Modern Button UI Kit with 5 Styles and 5 States (Figma)

Discover more Design Freebies →


Read This Week

Hermes Agent Cheat Sheet: CLI Commands, Shortcuts & Config

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

Claude Code Commands Cheat Sheet

OpenAI Codex Commands Cheat Sheet