Weekly Web Design & Development News: Collective #658
Everything you need to know in development & design this week, rounded up for you (Week 23, 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:
Tegaki - Font-Based Handwriting Text Animation for the Web.
Turntable.js v2 - Interactive 360º Image Rotator/Viewer Plugin.
Shadcn Fintech - Next.js Finance Dashboard Template.
Claude Opus 4.8 - Built on Opus 4.7 with improvements across benchmarks, and is a more effective collaborator.
DeepSeek Reasonix - Free CLI Coding Agent with Cache-First Cost Control.
Get Next Week's Picks
JavaScript & CSS
m3-loading-indicator - Material Design 3 Expressive Loading Indicator to React/Vue/Svelte/Vanilla JS.
Pagiflow - Touch-Ready, High-Performance Vanilla JS Slider
Dev.css - Classless Themeable CSS Framework For Modern Web Design.
fluid-marquee - Overflow-Aware Marquee Scroller in Vanilla JS.
Dragster.js - Touch-Friendly Drag and Drop Library for Vanilla JS.
WebGL Chart - GPU-Powered WebGL Canvas Chart Library for JavaScript.
dayjs - Lightweight Date & Time Manipulation Library.
snapDOM - Fast & Accurate DOM to Image Capture Library.
bsTouchspin - Bootstrap 5 Number Spinner Plugin with Formatters.
bsTimepicker - Clock Dial Time Picker for Bootstrap.
warp-drive - The lightweight data library for ambitious web apps — universal, typed, reactive, and ready to scale.
domternal - Modern, extensible rich text editor toolkit built on ProseMirror.
Discover more JavaScript & CSS Libraries →
React, Next.js & UI Components
Manifest UI - AI Chatbot UI Blocks for shadcn/ui & Next.js Projects.
shadcn-google-maps - Modern Google Places Autocomplete for Next.js.
React Number Flow Input - Animate Digits When Typing.
warper - Ultra-fast React virtualization library powered by Rust and WebAssembly.
vue-tui - The Vue framework for terminal UIs. SFC & JSX, Yoga flexbox, HMR, and testing out of the box.
react-calendar - A React event calendar component for creating scheduling apps with drag-and-drop editing, multiple views, and TypeScript support.
react-native-preflight - Simplify Maestro E2E testing for React Native.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
rep-chrome - Burp-style HTTP Repeater for Chrome DevTools with built‑in AI to explain requests and suggest attacks.
hucre - Zero-dependency spreadsheet engine. Read & write XLSX, CSV, ODS.
gemini-web2api - Convert Google Gemini web into OpenAI-compatible API.
Auth.md - An open protocol that lets agents register for services on behalf of users — discoverable through a Markdown file at your domain.
parsel - A fast, helpful, and open-source document parser for PHP.
boot-ui - The missing developer UI for Spring Boot.
twpalette - CLI that generates a complete Tailwind v4 color palette (50–950) from any single color input.
Curated AI Tools for Developers and Designers
Clawpatch - Free, Open-source AI Code Review CLI for Developers.
Dr. Claw - Free Self-Hosted AI Research Assistant.
CodeWhale - Free, Open-source Claude Code Alternative.
RAIW - Remove Logos, SynthID Watermarks, and C2PA Metadata from AI Images.
Browse more AI tools for developers →
Design Freebies
Hero Section Templates - 20 Free Editable SaaS & Fintech Hero Section Templates Figma.
SaaS Landing Page Figma Kit - A free SaaS landing page Figma UI kit for marketing and product pages..
Lumen - 280+ Free Icons for AI Products.
Discover more Design Freebies →
Read This Week
The State of CSS Centering in 2026
Claude Code Commands Cheat Sheet (2026)
- Prev: Weekly Web Design & Development News: Collective #657
- Next: None
