Weekly Web Design & Development News: Collective #650
Everything you need to know in development & design this week, rounded up for you (Week 14, 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:
- TypeScript 6.0 & Vite 8.0 are officially here to supercharge your development environment.
- Shopify's Tinker just dropped, bringing you a massive collection of over 100 free AI creative tools.
- Our 2026 Top 10 Series is live, featuring completely audited and updated lists for the best modern JS and Vue libraries.
- Email.md is about to take the pain out of newsletter styling by flawlessly rendering Markdown into email-safe HTML.
- Arrow-js introduces the first tiny, performant UI framework built specifically for the agentic era with WASM sandboxes.
- Claude can now physically control your computer to complete tasks, while Gemini 3.1 Flash Live brings low-latency voice experiences.
- Next-enterprise gives you a robust, production-ready Next.js boilerplate to instantly kickstart your team's next big project.
- +25 other cutting-edge dev resources, frameworks, and tools
- +3 awesome graphic design freebies and icon sets
- More industry news and AI updates
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:
7 Best JavaScript Timeago Plugins For Human-readable Datetime Format
7 best open-source jQuery plugins and JavaScript libraries for human-readable date time formats.
10 Best Color Manipulation JavaScript Libraries (2026 Update)
10 best JavaScript libraries from which you can choose from when looking for ways to manipulate color in your projects.
7 Best Vue.js Components For Virtual Scrolling (2026 Update)
7 Best Vue Virtual Scrolling components to display a large amount of data without using tons of resources.
7 Best Form Generator Components For Vue.js (2026 Update)
7 best most popular and top downloaded Vue.js components that help you dynamically generate powerful, customizable form fields from JSON schema.
7 Best Multiple Select Components For Vue.js (2026 Update)
7 Best Vue.js Multi-Select components from which you can pick to enhance & beautify the native multiple select box.
10 Best Material Design Inspired Toast Components For Vue.js (2026 Update)
10 best Vue.js components that make it simple to implement the Toast Message system on your modern web & mobile applications.
7 Best Image Zoom Components For Vue.js App (2026 Update)
7 Best Vue.js image zoom components that make it easier to implement the image zoom functionality on your web application.
7 Best Open-Source Color Picker Components For Vue.js (2026 Update)
A growing list of 7 best and open-source color pickers for Vue.js applications.
5 Best Tooltip Components For Vue.js Applications (2026 Update)
A list of 5 awesome Vue tooltip components to easily add custom tooltips to your Vue.js application.
JavaScript & CSS
K7 - Lightweight Vanilla JS Gallery Lightbox.
toast-anchor - Advanced Toast/Tooltip/Popover/Confirm/Modal Notification Library.
ComponentViewer - Gallery Lightbox for Images, Videos, PDF & More.
jQuery Media - Media Browser Modal for File Uploaders.
bootpag - Dynamic Bootstrap Pagination Plugin with jQuery.
Ajax Autocomplete Vanilla - Pure CSS Radial Menu with Native Select Element.
Panelize - Interactive Image Viewer with HTML Maps.
vanilla-aria-modals - Accessible Modal Stack Manager in JavaScript.
Driftbox - Lightweight Vanilla JS Carousel with Touch Support.
Calendar - Full-Featured Drag-and-Drop JavaScript Event Calendar with Resource & Timeline Views.
Neo Charts - Responsive CSS Chart Library For Web.
syntux - The generative UI library for the web..
gea - A batteries-included, reactive JavaScript UI framework.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
next-enterprise - Production-Ready Next.js Boilerplate for Enterprise Teams.
uselayouts - 25+ UI Components & Micro-Interactions for Next.js.
CalendarCN - Notion-style Event Calendar with Next.js & shadcn/ui.
Zentak Glass UI - Glassmorphism UI Component Library with TailwindCSS.
pdfx - A React PDF component library with pre-built, themeable components and a CLI for seamless PDF document creation.
heroicons-animated - 300+ Motion Animated Heroicons for React.
react-tilt-button - Create 3D Tactile Buttons with Physical Depth
hiraki - React Bottom Sheet and Off-Canvas Drawer Component.
Linear Tab Bar - Glassmorphic Pill Tab UI for React Native.
kline-chart - Skia Candlestick Chart for React Native Apps.
hero-card-stack - Animated Stacked Card Component for React.
web-glass-toast - React Glassmorphism Toast Notification Component.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
bombadil - Property-based testing for web UIs, autonomously exploring and validating correctness properties, finding harder bugs earlier.
Email.md - Render markdown into email-safe HTML.
Awesome-PhD-CV - Curated academic CV templates and guidelines for PhD students, researchers, and faculty job applicants.
markit - Convert anything to markdown. Mark it.
t3code - A minimal web GUI for coding agents (currently Codex and Claude, more coming soon).
openui - The Open Standard for Generative UI.
ascii-studio - Turn Videos into ASCII Frames - real ascii frames (character-based frames that run smoothly in sequence).
arrow-js - The first UI framework for the agentic era — tiny, performant, with WASM sandboxes for safe code execution.
cliamp - Terminal music player inspired by winamp.
crust - A TypeScript-first, Bun-native CLI framework with composable modules.
Graphic Design Freebies
Sound/Audio Icon Set - Retro Pixel Sound/Audio Icon Set.
Blobber - Blobber Bold Display Font.
3D Easter Icons - 48 Free Easter Icons in 3D Style (Figma).
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Tinker - 100+ Free AI Creative Tools by Shopify.
Coddo - Free Kanban & Chat UI for Claude Code on macOS.
Meetily - Free, Private AI Meeting Transcription & Summary.
Silicon Friendly - Check Your Website’s AI Agent Compatibility Score.
Gemini 3.1 Flash Live - You can now build low-latency voice experiences with the new Gemini 3.1 Flash Live model, now available in preview via the Live API.
Lyria 3 Pro - Create longer tracks in more Google products..
Claude Computer Use - You can now enable Claude to use your computer to complete tasks.
Luma Uni-1 - A multimodal reasoning model that can generate pixels.
Suno v5.5 - Use your voice, your sound, and your taste to make music that's unmistakably yours, in the best and most personal Suno experience yet.
LayerProof Matte - Agents that monitor the web for you.
News & Articles
TypeScript 6.0 Released! (Link)
Vite 8.0 is out! (Link)
A free VPN you can trust, now built into Firefox (Link)
React SSR Framework Showdown: TanStack Start, React Router, and Next.js Under Load (Link)
- Prev: Weekly Web Design & Development News: Collective #649
- Next: None
