Weekly Web Design & Development News: Collective #639
Everything you need to know in development & design this week, rounded up for you (Week 3, 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 kicked off our massive 2026 audit, updating our popular "Top 10" JS library lists for the year ahead.
- Transform any DOM element into interactive WebGL light effects with spectraGL.
- css-color-component: A modern picker supporting P3, OKLCH, and other new color spaces.
- uilayouts & vue-bits: Over 200 combined animated components for React, Next.js, and Vue.
- Industry news: The creators of Tailwind CSS have laid off 75% of their engineering team.
- Claudable: A free, open-source AI web builder powered by Claude Code.
- Trinil: A massive collection of 1,000+ free, open-source SVG icons.
- + 18 other fresh developer tools and libraries
- 5 more design freebies and AI resources
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 Password Strength Checkers In JavaScript (2026 Update)
A hand-crafted list of 10 best JavaScript or jQuery based password strength checkers from which you can choose to strengthen your users' passwords and protect your users' accounts.
10 Best Tree Table Plugins In JavaScript (2026 Update)
10 best jQuery and Vanilla JavaScript Tree Table plugins that make HTML table rows collapsible and expandable just like a hierarchical tree.
10 Best Range Slider Plugins In JavaScript (2026 Update)
10 best jQuery & Vanilla JavaScript range slider plugins that are very helpful in providing a better user experience to set value of HTML range slider, also reducing development time.
10 Best Dual List Box Plugins In JavaScript (2026 Update)
10 best jQuery and Vanilla JavaScript Dual List Box plugins that provide an advanced, user-friendly multiple select experiences on your web app.
10 Best Tags Input Plugins In jQuery & Vanilla JavaScript (2026 Update)
10 best tags input plugins implemented in jQuery and Vanilla JavaScript.
10 Best Tag Cloud Generators In JavaScript (2026 Update)
10 best JavaScript-driven tag cloud generator that helps you create your own word/tag cloud from any links to visualize post popularity and word frequency.
10 Best Particle Systems/Effects In JavaScript (2026 Update)
10 best jQuery plugins and Vanilla JavaScript libraries that make it easier to create customizable, interactive particles for the particles background or particle animation effects in your next modern web design.
10 Best Analog Clocks In JavaScript (2026 Update)
A list of 10 best and top-downloaded jQuery plugins and Vanilla JavaScript libraries that help developers create custom analog clocks to show the accurate local time on the webpage.
10 Best Custom Cursors Made With jQuery & Vanilla JavaScript
These JavaScript libraries can help you create some really inventive custom cursors to spice up your user interface. To add extra pizzazz to your website, try implementing a unique mouse cursor!
10 Best Data Table / Data Grid Libraries In JavaScript (2026 Update)
A list of the top 10 JavaScript data table & data grid libraries, chosen by thousands of developers for their robust features.
7 Best shadcn/ui Date Picker Components for React + TailwindCSS (2026)
Explore the best shadcn/ui Date Picker components built for React and Tailwind CSS. Enhance or extend the original shadcn/ui Date Picker with these open-source solutions.
10 Best Custom QR Code Generators In JavaScript (2026 Update)
10 JavaScript/jQuery QR code Generator plugins that help you generate QR codes with custom logos, patterns, styles on the modern mobile & web applications.
10 Best Circle(Radial) Menu Plugins In JavaScript & CSS (2026 Update)
10 best circle menus implemented in jQuery, vanilla JavaScript, and Pure CSS/CSS3 that helps developers create awesome site/app navigation for better user experience.
10 Best Date And Timer Pickers In Pure JavaScript (2026 Update)
The 10 best and open-source vanilla JavaScript Date and Time Picker components we found on the web. 2026 Edition.
10 Best JavaScript & CSS Progress Bar Components (2026 Update)
The 10 BEST FREE JavaScript and CSS-based progress bar components we found on the web.
10 Best Parallax Scrolling Effects In JavaScript (2026 Update)
10 Best Free JavaScript Libraries to Create Parallax Effects as you scroll down or up the web page.
10 Best Custom Range Slider JavaScript Libraries (2026 Update)
A unique and up-to-date list of 10 best JavaScript libraries (plugins) to replace, beautify, and enhance the default browser range slider (Input Range Object) with ease.
7 Best Parallax Scroll Components For React & React Native Apps (2026 Update)
7 best Parallax Scroll components for React and React Native apps.
10 Best Multiple Select Components For React & React Native (2026 Update)
10 best and most popular React & React Native multiple select components for the web and mobile.
10 Best Dropdown Components For React & React Native (2026 Update)
10 best Dropdown components to help you create user-friendly and mobile-compatible dropdown lists or dropdown menus on modern React and React Native applications.
10 Best Carousel & Swiper Components For React & React Native (2026 Update)
10 best React & React Native carousel/swiper/slider components that help you simplify the task of creating carousel sliders on your next project.
JavaScript & CSS
universal-app-opener - Convert URLs to Mobile Deep Links with Vanilla JavaScript.
css-color-component - Modern Color Picker Component: Support for OKLCH, P3, and More.
reddojs - Framework-Agnostic Undo/Redo History Management Library.
notifyx - Framework-Agnostic Toast Notifications with TypeScript.
snap-dnd - Tiny & Memory-optimized Drag and Drop Library.
minisnackbar - Material Design Toast & Snackbar Library with Action Buttons.
spectraGL - Transforms any DOM element into beautiful, interactive light and colour effects with mouse reactivity, rendered in high-performance WebGL.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
vue-bits - 100+ Animated Vue Components for Vue & Nuxt.
uilayouts - 100+ Animated React/Next.js Components for Modern UIs.
Joko UI - 45+ Free, Copy-paste TailwindCSS Components.
Atlas UI - Animated UI Components for Next.js and Vanilla JavaScript.
rozenite - Plug-and-play panels for React Native DevTools.
better-result - Lightweight Result type for TypeScript with generator-based composition.
ottrelite - Unified, extensible, cross-language tracing toolkit for React Native.
bloom - A morphing pull-down button component for react.
domet - A lightweight React hook built for scroll-driven interfaces.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
classpresso - Build-time CSS class consolidation.
Ferrite - A fast, lightweight text editor for Markdown, JSON, YAML, and TOML files.
shreg - A Python implementation of various shape regularization algorithms for regularizing line segments and closed contours.
vertana - LLM-powered agentic translation library for JavaScript/TypeScript.
embassy - Modern embedded framework, using Rust and async.
mcp-ui - Create next-gen UI experiences with the protocol and SDK.
brimstone - New JavaScript engine written in Rust.
miditui - An interactive terminal app/UI for MIDI composing, mixing, and playback.
duster - A developer-focused CLI tool to clean up unused files and free disk space.
opensrc - Fetch source code for npm packages to give AI coding agents deeper context.
Graphic Design Freebies
Trinil - 1000+ Free Open-Source SVG Icons.
70 Free Hand-Drawn AI Icons - 70 hand-drawn doodle icons that solve the problem of finding clear, consistent visuals for AI topics.
Mobile UI Kit for Ride-Hailing Driver Apps - A complete design foundation for building driver-side interfaces in ride-hailing platforms. .
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
MiroThinker - Open-Source AI Research Agent for Deep Information Discovery.
Claudable - Free, Open-Source AI Web Builder powered by Claude Code.
Localization CLI - Free AI iOS App Translation for 70+ Languages.
Scroll - Automatic Table of Contents for ChatGPT, Claude, and Gemini Chats.
Gmail AI - Gmail gets Gemini-powered AI features.
ChatGPT Health - A dedicated experience that securely brings your health information and ChatGPT’s intelligence together, to help you feel more informed, prepared, and confident navigating your health.
Capacity - Turn any idea into a working web app.
Comet - Perplexity's AI browser is now available to everyone, for free!
News & Articles
The Performance Revolution in JavaScript Tooling. (Link)
Creators of Tailwind laid off 75% of their engineering team. (Link)
Inside Vercel’s sleep-deprived race to contain React2Shell. (Link)
Most Major News Publishers Block AI Training & Retrieval Bots. (Link)
Distinct AI Models Seem To Converge On How They Encode Reality. (Link)
JavaScript & CSS Snippets
GSAP preloader and hero animation
See the Pen GSAP preloader and hero animation by grid morphic (@gridmorphic) on CodePen.
Infinite scrolling, dragging, and snapping cards with GSAP and ScrollTrigger (smooth)
See the Pen Infinite scrolling, dragging, and snapping cards with GSAP and ScrollTrigger (smooth) by GSAP (@GreenSock) on CodePen.
React Clock Concept
See the Pen React Clock Concept by Ceairen (@yoann-b) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #638
- Next: None
