Weekly Web Design & Development News: Collective #642
Everything you need to know in development & design this week, rounded up for you (Week 6, 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:
- Weve audited & updated all our popular "Top 10" JS/CSS lists for 2026
- OpenAI Prism: A new AI-native workspace powered by GPT5.2
- travels: Implement 10x faster Undo/Redo logic using JSON patches
- Security Alert: Six JavaScript zero-day bugs linked to supply chain attacks
- Claude in Excel: Get AI explanations and citations directly in your spreadsheets
- xray-react: Click any UI element to instantly open its source code in your IDE
- beautiful-mermaid: Render Mermaid diagrams to SVG or even ASCII art
- 18 other fresh JS libraries & dev tools
- 4 new UI kits & icon sets for Figma
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 Table Export Plugins In JavaScript (2026 Update)
10 best Vanilla JavaScript and jQuery plugins that make it easy to export table data to Microsoft Excel, CSV, TXT, JSON, PDF on the client-side.
10 Best JavaScript Plugins To Sort Table By Columns (2026 Update)
10 best jQuery and Vanilla JavaScript table sorter plugins that make HTML table sortable and improve the reading experience of large tabular data in your web app.
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 JavaScript Plugins For Sticky Table Header (2026 Update)
10 best and open-source Vanilla JavaScript & jQuery Plugins to fix the position of the table header and make it always visible while scrolling.
10 Best Table Filtering Plugin In JavaScript (2026 Update)
10 best jQuery and Vanilla JavaScript table filter plugins that enable efficient & client-side filtering & live search functionalities on HTML tables.
10 Best Modal Components In JavaScript & Pure CSS (2026 Update)
10 best and full free Modal components implemented in jQuery, Native JavaScript, and/or Pure CSS/CSS3. Updated for 2026.
10 Best Grid Layout Systems In JavaScript And CSS (2026 Update)
10 best responsive grid layout systems implemented in jQuery, Vanilla JavaScript, and even Pure CSS/CSS3.
10 Best jQuery/JavaScript Masonry Layout Plugins (2026 Update)
10 best jQuery or vanilla JavaScript plugins that help web developers to quickly implement the Masonry Layout on the next web/mobile project.
10 Best Typewriter Typing Animations In JavaScript (2026 Update)
10 Best Typing Animation libraries implemented in jQuery, Vanilla JavaScript, and Pure CSS to simulate typewriter-like text typing and deleting effects for your headlines, titles, and any import text messages.
10 Best Image Zoom jQuery & Vanilla JavaScript Plugins (2026 Update)
The 10 best 10 Image Zoom jQuery Plugin and JavaScript libraries. These are most popular, robust and superb JavaScript libraries for magnifying glass effects.
10 Best Form Builder Plugins To Generate Forms From JSON Data (2026)
10 best (top downloaded) form builders (jQuery plugins and Vanilla JS libraries) from which you can choose for your next web/mobile project.
10 Best Form Validation JavaScript Plugins (2026 Update)
10 Best JavaScript and jQuery form validation plugins to validate form fields in a simple way. Feel free to download and use it in your next project.
10 Best Tour Plugins To Guide Visitors Through Your App (2026 Update)
10 best (top-downloaded) and full free guided tour plugins implemented in jQuery and/or Pure (Vanilla) JavaScript.
10 Best Free GDPR Cookie Consent Banner Plugins In JavaScript
10 best and free GDPR Cookie Consent Banner plugins to make your site or webapp comply with EU Cookie Law and GDPR (ePR).
10 Best Advanced Drag And Drop Plugins In JavaScript (2026 Update)
10 best jQuery and Vanilla JavaScript advanced and enhanced drag and drop plugins from which you can choose for your next web project.
10 Best React Toast Components To Enhance Notification Experience (2026 Update)
10 best and open-source toast notification components for React & React Native to enhance notification experience on both desktop and mobile.
7 Best Vue.js Gallery Components To Showcase Images In An Elegant Way (2026 Update)
7 best responsive, mobile-friendly galleries to showcase your images in an elegant and well-designed way.
JavaScript & CSS
beautiful-mermaid - Render Mermaid Diagrams to SVG or ASCII Art.
travels - 10x Faster Undo/Redo Using JSON Patches.
jsort - Touch-Friendly JavaScript Drag and Drop Sortable Library.
swipe-slider - Tiny Touch Carousel Web Component for Modern Apps.
SmartPrefetch - Modern Link Prefetching with Hover Detection & Fallback.
FormStorage - Save Form State to Prevent Data Loss in JavaScript.
LibPDF-js/core - A modern PDF library for TypeScript. Parse, modify, and generate PDFs with a clean, intuitive API.
micro-interactions-library - A small collection of lightweight micro-interactions built with vanilla JavaScript and CSS, focused on learning and UI experimentation.
POINTS - A library that uses WebGPU and allows you to create shaders.
Particle-Gravity-Fun - An interactive particle gravity experiment built with WebGL, Three.js, and WebAssembly (WASM).
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
GooseUI - Extended Shadcn/ui Components & Blocks for Next.js.
shadcn-docs-nuxt - Nuxt Documentation Site Template.
shadcn-vue - Customizable Vue UI Components with Tailwind CSS.
Point Feedback - Visual Feedback Component for Next.js Apps.
Accessible Astro Launcher - WAI-ARIA Command Palette Component.
Bklit UI - Composable Chart Components Built on Shadcn/UI.
Shadcn Modal Manager - Promise-Based Modal Management for React.
shimmer-from-structure - Minimal Next.js + Supabase + shadcn/ui boilerplate with auth and dashboard sidebar.
gemini-live-react - React hook for Google Gemini Live API.
react-native-reanimated-slider - Customizable, Performant React Native Slider with Reanimated Support.
regle - Headless Form Validation Library.
xray-react - React layout debugging tool that lets you open source code in your local IDE by clicking UI elements.
bref - A truly Svelte-esque UI component library - minimal, flexible, pure CSS.
scriptshifter - Automatically convert Vue components from Options API to script setup.
pellicule - Deterministic video rendering with Vue.
ngx-zoneless-scrollbar - A lightweight, zoneless-compatible scrollbar component for Angular.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
moltworker - Run OpenClaw, (formerly Moltbot, formerly Clawdbot) on Cloudflare Workers.
sre - The SmythOS Runtime Environment (SRE) is an open-source, cloud-native runtime for agentic AI. Secure, modular, and production-ready.
npmx.dev - A fast, modern browser for the npm registry.
voltra - Lets React Native developers build native iOS Live Activities, Dynamic Island layouts, and widgets as React components.
pdf2video - Transform PDF documents into engaging video presentations with smooth animations.
cert-inspector - Web tool to inspect SSL certificates and DNS for all domains in a webpage's request tree..
expo-color-space-plugin - An Expo plugin to configure iOS color space.
verifyfetch - Resumable, verified downloads for large browser files.
Graphic Design Freebies
Nuxt UI Kit - Nuxt UI v4 Official Figma UI Kit.
Travlia - Travel Agency Website UI Kit (Figma).
Notion Icons - 580+ Free Notion Icons & Illustrations for Figma.
Smoooth Icons - 600 Free Outline & Duotone Icons.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Agent Skills - 10 Best Agent Skills for Claude Code & AI Workflows.
Openclaw (Clawdbot) - Your 24/7 Personal AI Employee.
DeepSeek Cowork - Open-Source Browser Automation & AI Assistant.
Plannotator - Visual Plan Review for Claude Code & OpenCode.
WorkAny - Open Source Desktop AI Agent for Local Task Automation.
Project Genie - An early research prototype that lets you create and explore infinitely diverse worlds.
Gemini 3 in Chrome - Gemini can now auto browse, see multiple tabs and take actions on your behalf.
OpenAI Prism - A free, AI-native workspace for scientists to write and collaborate on research, powered by GPT‑5.2.
Kimi K2.5 - An open-source, native multimodal agentic model built through continual pretraining on approximately 15 trillion mixed visual and text tokens atop Kimi-K2-Base.
Qwen3-Max-Thinking - Qwen’s flagship reasoning model.
MiniMax Agent - Your AI supercompanion, enhancing creativity and productivity with tools for meditation, podcast, coding, analysis, and more.
Claude in Excel - Get explanations with cell-level citations, and update assumptions while preserving formulas. (Now in beta as a research preview for all Claude Pro, Max, Team and Enterprise plan customers).
News & Articles
Practical Use Of AI Coding Tools For The Responsible Developer. (Link)
When will CSS Grid Lanes arrive? How long until we can use it? (Link)
Unstacking CSS Stacking Contexts. (Link)
Six JavaScript zero-day bugs lead to fears of supply chain attack. (Link)
JavaScript & CSS Snippets
Text scroll and hover effect without JS
See the Pen Text scroll and hover effect without JS by Franz Bernack (@fbernack) on CodePen.
Interactive Liquid Glass Animation
See the Pen Interactive Liquid Glass Animation by BL/S® Studio (@blacklead-studio) on CodePen.
CSS-Scroll-Focus-Text
See the Pen CSS-Scroll-Focus-Text by Kara Bharat (@karabharat) on CodePen.
Text Reflection 3D
See the Pen Text Reflection 3D by Sabo Sugi (@sabosugi) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #641
- Next: None
