Weekly Web Design & Development News: Collective #643
Everything you need to know in development & design this week, rounded up for you (Week 7, 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!
Highlights:
- Get 2026-ready with our massive annual audit of the top 10 JS & CSS libraries.
- Level up your shadcn/ui game with 30+ new animated components for Next.js.
- Build native AI chat interfaces effortlessly using JSON-native UI components.
- Stop writing boilerplate and auto-generate React forms directly from Zod schemas.
- Share your local apps with the world instantly using a minimal SSH tunneling service.
- Coding agents just got a massive power-up with Claude 4.6 and GPT-5.3-Codex.
- Grab 100+ high-res 3D avatars and a Shopify checkout kit for your next Figma project.
- 24 other modern resources and developer tools
- 5 design freebies and essential web dev guides
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
The 2026 Top 10 Series
Get your tech stack ready for the year ahead.
We've started our massive annual audit. We are rewriting and updating our most popular "Top 10" lists to ensure every library recommendation is modern, maintained, and ready for 2026 projects.
Updated this week:
10 Best Background Slideshows In JavaScript & Pure CSS (2026 Update)
10 best JavaScript & Pure CSS solutions to create background slideshow that attracts user's attention and increase engagement & conversion rates on the modern web app.
10 Best WYSIWYG Markdown Editors For Faster Writing (2026 Update)
10 best and open-source WYSIWYG Markdown Editors implemented in jQuery or plain JavaScript.
10 Best Responsive Table Plugins In JavaScript And CSS (2026 Update)
10 best JavaScript and Pure CSS solutions to make your HTML table fully responsive and better readable on mobile and tablet devices.
10 Best Tabs Systems In JavaScript And/Or Pure CSS (2026 Update)
The 10 best jQuery, JavaScript, and Pure CSS based fully responsive tabs components for both desktop and mobile design
10 Best Accordion Menu Components In jQuery/JavaScript/CSS (2026 Update)
10 best jQuery/JavaScript/CSS accordion menu components to organize and display your large multi-level navigation system in an elegant way.
10 Best JS Social Sharing Plugins To Boost Your Traffic (2026 Update)
10 best JavaScript and jQuery social share plugin which help you create social buttons/links to share your content on social networking sites.
10 Best 360 Degree Product View Plugins In JavaScript (2026 Update)
A list of 10 best, most popular and top downloaded 360 Degree Product View plugins implemented in jQuery and Vanilla JavaScript.
JavaScript & CSS
slideFrame - Display External Links in A Sliding Panel Overlay.
parse-duration-ms - Convert Human-readable Duration Strings to Milliseconds.
beaned-charts - Lightweight Responsive SVG Charts with CSS Transitions.
spectral.js - A paint like color mixing library utilizing the Kubelka-Munk theory.
pdftoimg-js - A javascript library that help to convert pdf to img in both platform nodejs and frontend library/framework like React, Nextjs and more.
gsap-threejs-codrops - Pixel Image Effect with GSAP and Three.js.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
tool-ui - JSON-Native UI Components for AI Conversations.
jolyui - 30+ Animated UI Components for Next.js/Shadcn.
BlossomColorPicker - Modern Animated Blossom Color Picker with React & TailwindCSS.
bearnie - 50+ Accessible Astro UI Components with Tailwind CSS.
ilamy-calendar - Full-Featured React/Next.js Calendar Library.
tw-easing-gradients - Smooth Cubic Bezier Gradients for Tailwind.
react-native-session-timeout - React Native Session Timeout Library for Inactivity Logout.
react-rhf-zod-form - Auto-Generate Forms from Zod Schemas.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
minimal-pwa - The minimal set of files for a "progressive web app" to be installable on Android and iOS.
tunnl.gg - A minimal SSH tunneling service. Expose your local apps to the internet with a single command.
youtube-heatmap-clipper - Automatically find and clip the most engaging parts of YouTube videos using heatmap-based viewer interaction data.
asciify-them - This package allows you to turn images (only .jpg and .png tested) into ASCII art drawings.
librarian - Local CLI tool for coding agents to search up-to-date developer documentation.
JSAnalyzer - A powerful Burp Suite extension for JavaScript static analysis.
Graphic Design Freebies
Checkout UI Kit - Shopify Checkout & Account UI Kit for Figma.
3D Avatars - 100+ High-Res 3D Avatars for Free.
Microsoft Edge Browser - Microsoft Edge Browser for Figma (Light & Dark Modes).
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Agent Skills - 10 Best Agent Skills for Claude Code & AI Workflows.
Nanobot - Ultra-Lightweight AI Assistant Inspired by OpenClaw.
Primer - Analyze GitHub Repos and Generate Instructions for Coding Assistant.
Tokentap - Real-Time Token Tracker for AI Coding Agents.
NanoClaw - Lightweight, Secure OpenClaw Alternative.
Claude Opus 4.6 - It now plans more carefully, sustains agentic tasks for longer, can operate more reliably in larger codebases, and has better code review and debugging skills to catch its own mistakes.
GPT-5.3-Codex - OpenAI’s most capable agentic coding model to date.
Kling 3.0 - An all-in-one creative engine that enables truly native multimodal creation.
GLM-OCR - A multimodal OCR model for complex document understanding, built on the GLM-V encoder–decoder architecture.
Qwen3-Coder-Next - An open-weight language model designed specifically for coding agents and local development.
Codex App for macOS - A powerful new interface designed to effortlessly manage multiple agents at once, run work in parallel, and collaborate with agents over long-running tasks.
News & Articles
JavaScript vs TypeScript in 2026: What to Choose and Why? (Link)
Combobox vs. Multiselect vs. Listbox: How To Choose The Right One (Link)
Throttle individual network requests. (Link)
Understanding the fundamentals of CSS Layout. (Link)
JavaScript & CSS Snippets
3d CSS letters + punch hole effect
See the Pen 3d CSS letters + punch hole effect by David Aerne (@meodai) on CodePen.
Water effect hero
See the Pen Water effect hero by NIDAL (@Nidal95) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #642
- Next: None
