Weekly Web Design & Development News: Collective #640
Everything you need to know in development & design this week, rounded up for you (Week 4, 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:
- 2026 Tech Stack Refresh! Dive into updated "Top 10" lists for Off-canvas menus, responsive dropdowns, fullscreen navs, and more to get your projects ready for the year ahead.
- jQuery 4.0.0 is HERE! Get the technical lowdown on this monumental release and compare it with jQuery 3.
- New Libraries & Tools: Check out Cybercore.css for dark UIs, the motionflow animation library, and Konsta UI for mobile components with TailwindCSS.
- AI for Devs & Designers: Explore OpenWork (a Claude alternative), Pocket TTS for voice cloning, and autonomous AI agents for task management.
- Hot Takes & News: Cloudflare acquires Astro, CSS at Scale with StyleX, and why TypeScript is GitHub's fastest-growing language.
- 5 design freebies and UI kits
- 15 other great resources and tools
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 Off-canvas Mobile Menus In JavaScript And CSS (2026 Update)
A list of 10 Best Off-canvas navigation systems for both desktop and mobile web design.
10 Best Responsive Dropdown Menus In JavaScript & CSS (2026 Update)
10 best responsive, mobile-friendly, and multi-level dropdown menus built with jQuery and/or pure JavaScript/CSS.
10 Best Fullscreen Navigation Menus In JavaScript & Pure CSS (2026 Update)
10 best fullscreen overlay navigation menus written in jQuery, Vanilla JavaScript and Pure CSS.
10 Best Floating Action Button (Popup Menu) Plugins (2026 Update)
10 best JavaScript and Pure CSS solutions that help developers easily create floating action buttons on the web app to increase user conversions and improve navigation experience.
10 Best Mega Menu Systems In JavaScript And Pure CSS (2026 Update)
A list of 10 best (top-downloaded) mega menu navigation systems implemented in jQuery, Vanilla JavaScript, and Pure HTML/CSS.
10 Best Responsive Menu Systems In jQuery/JavaScript/CSS (2026 Update)
10 best Responsive Menu Systems implemented in jQuery, Vanilla JavaScript, or even Pure CSS/CSS3.
10 Best Parallax Scrolling Effects (2026 Update)
10 best JavaScript and Pure CSS solutions to help you implement the Parallax Scrolling Effect on elements as you scroll down or up the webpage.
10 Best jQuery/JavaScript Plugins For Phone Number Handling (2026 Update)
Get the ultimate list of the 10 best JavaScript and jQuery plugins for telephone number handling. Format, validate, and manage numbers easily.
10 Best Image Croppers In jQuery And Vanilla JavaScript (2026 Update)
In this article you will find a hand-crafted list of 10 best, responsive, mobile-friendly image cropping plugins implemented in jQuery and Vanilla JavaScript.
10 Best Pagination Components In JavaScript (2026 Update)
A hand-picked collection of 10 best, top downloaded jQuery and Pure JavaScript pagination plugins that help you paginate the large block content to improve readability.
10 Best JavaScript Plugins To Paginate Large HTML Table (2026 Update)
10 best jQuery and Vanilla JavaScript table pagination plugins for better table readability.
10 Best News Ticker Plugins In jQuery And Pure JavaScript/CSS (2026 Update)
10 best jQuery, Vanilla JavaScript and Pure CSS plugins that help developers quickly generate scrollers for news tickers, stock tickers, post scrollers, and any other text-based content.
10 Best Splitter JavaScript Libraries To Create Split Views (2026)
10 best jQuery plugins and Vanilla JavaScript splitter plugins that make it easier to implement a draggable and resizable split view on the web app.
10 Best Autocomplete & Typeahead JavaScript Plugins (2026 Update)
10 best JavaScript plugins to easily and quickly implement the Autocomplete & Typeahead functionalities on your modern web app.
10 Best Skeleton Loaders In JavaScript And Pure CSS (2026 Update)
Enhance your web app's loading experience with our curated list of 10 best skeleton loaders in JavaScript and CSS.
7 Best JavaScript Plugins For Confetti Explosion Animations (2026)
7 best JavaScript plugins for creating confetti explosion animations on your page.
10 Best Progress Bar (Linear) Components In JavaScript & CSS (2026 Update)
The 10 best (top downloaded) progress bar components implemented in jQuery, Vanilla JavaScript and Pure CSS/CSS3.
10 Best Circular/Radial Progress Bar JavaScript Plugins (2026 Update)
10 best free jQuery, Vanilla JavaScript, and Pure CSS libraries that let you create circular (radial) progress bars to visualize percentage values for progress, statistics, loading state, and much more. Have fun.
10 Best Spreadsheet-like Data Grid Libraries In JavaScript (2026 Update)
10 best JavaScript data table libraries that help developers convert a regular HTML table into a spreadsheet-like data grid for organization, analysis and storage of data in tabular form.
10 Best Number Input (Input Spinner) Plugins In JavaScript (2026 Update)
10 best jQuery and Vanilla JavaScript plugins that help developers create highly customizable and user-friendly input spinners to enhance the number input experience.
10 Best WYSIWYG Editors For Easier Content Editing (2026 Update)
A compilation of the 10 best free WYSIWYG editors that you can use to create and edit rich-text content on your websites.
10 Best Accordion Components In Pure JavaScript & CSS (2026 Update)
A constantly updated list of the 10 best JavaScript and CSS based Accordion components/widgets.
10 Best Input Mask JavaScript Libraries In 2026
Take control of user input with our curated list of the 10 best Input Mask libraries for JavaScript. Improve data quality effortlessly.
7 Best One Page Scroll JavaScript Libraries (2026 Update)
7 best and most downloaded solutions for developers to quickly implement the one page scroll effect on the web & mobile app.
10 Best Custom Context Menus in JavaScript (2026 Update)
Tired of default context menus? This list of 10 best JavaScript libraries will help you build custom menus that are both functional and stylish.
10 Best Checkbox And Radio Input Replacements (2026 Update)
An up-to-date list of 10 best JavaScript and/or CSS libraries which can be used to beautify and enhance the native, ugly, hard-to-style checkboxes and radio buttons in your HTML forms.
10 Best Image Zoom JavaScript Libraries (2026 Update)
A curated list of the best JavaScript image zoom libraries. Includes solutions for e-commerce magnifiers, SVG panning, and Medium-style lightboxes.
10 Best JavaScript Dialog Plugins To Create Advanced Popup Boxes (2026 Update)
10 best JavaScript dialog/popup box plugins that help you create customizable, advanced, cross-browser alert/confirm/prompt dialog boxes.
10 Best Image Zoom Components For React & React Native (2026 Update)
10 best React & React Native image zoom components that are easy to use, lightweight, and well supported by the provider.
0 Best Toggle Switch Components for React And React Native (2026 Update)
10 best toggle switch components for React and React Native applications to enhance user experience.
10 Best Drag And Drop Components For React (2026 Update)
A list of the 10 best React drag and drop components that bind mouse drag and touch events to any component or view in your application.
10 Best Date Picker Components For Vue.js (2026 Update)
10 best Vue.js date picker component for booking, reservation, and any other event-based web & mobile applications.
10 Best Chart Libraries To Visualize Data In Vue.js App (2026 Update)
10 best chart libraries for Vue.js that makes it easier to plot the data you provide to interactive, customizable charts & graphs on the web app.
JavaScript & CSS
Cybercore.css - Lightweight Cyberpunk CSS Framework for Dark UI.
motionflow - Lightweight & Performant JavaScript Animation Library.
progress-bar.css - Pure CSS Progress Bar Library with Custom Themes.
locomotive-scroll - Animate Elements On Scroll With Parallax Effect.
breakpoint-overlay - Debug Responsive Layouts With A Visual Tracker.
json-render - Let end users generate dashboards, widgets, apps, and data visualizations from prompts — safely constrained to components you define.
data-slot - Vanilla JS behavior primitives for accessible components.
PrinceJS - The smallest backend framework and among the top three in the world.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
Konsta UI - Mobile UI Component Library with TailwindCSS.
TailGrids - 600+ Tailwind CSS Components for HTML, React and Vue.
SmoothUI - Animated UI Components & Blocks with Motion and Tailwind CSS.
Xtend UI - Tailwind CSS and Vanilla JS UI Component Library.
syncui - 125+ Animated Components & Blocks with MUI & Motion.
MX Icons - Lightweight React SVG Icon Library.
react-3d-button - Interactive Button Component Librar.
Better Themes - React Theme Provider with Zero Flash.
dot-anime-react - Lightweight Dot Matrix Animation Components.
markdown-ui - An open standard for rendering interactive widgets in plain Markdown.
Web Dev Tools & Resources
ohm - A library and language for building parsers, interpreters, compilers, etc.
fresh - Text editor for your terminal: easy, powerful and fast.
Consent-O-Matic - Browser extension that automatically fills out cookie popups based on your preferences.
mani - CLI tool to help you manage repositories.
keifu - Git genealogy, untangled. A TUI for navigating commit graphs with color and clarity.
rsvp-reading - A Svelte-based Rapid Serial Visual Presentation (RSVP) reader for speed reading with PDF and EPUB support.
FastTableViewer - A fast, feature-rich CSV/TSV/delimited file viewer for the command line.
aethercss - A real-time playground for Liquid Glass, Glassmorphism & Neumorphism.
InvisibleJS - A CLI tool to convert JavaScript into an invisible, executable payload using Zero-Width encoding.
Free Weather API - An open-source weather API and offers free access for non-commercial use. No API key required.
Graphic Design Freebies
App Icons - 175+ Vector App Icons for iOS & Android.
Microsoft Teams UI Kit - Free Official Microsoft Teams UI Kit for Figma.
Finance/AI/Stock/CRM Dashboard Kit - This Figma dashboard Kit packs four complete dashboard templates for SaaS builds.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
OpenWork - Free Open-source Claude Cowork Alternative.
Weft - Self-Hosted Task Management with AI Agents.
Pocket TTS - Free CPU-Based Text-to-Speech Tool with Voice Cloning.
agent-browser - Free Browser Automation CLI for AI Agents.
MiroThinker - Open-Source AI Research Agent for Deep Information Discovery.
ChatGPT Translate - Translate across 50+ languages — instantly.
Claude Cowork - A new macOS tool that brings Claude Code's agentic capabilities to everyday tasks like organizing files, building reports, and managing expenses.
Ralph - An autonomous AI agent loop that runs repeatedly until all PRD items are complete.
News & Articles
jQuery 4 vs. jQuery 3: A Technical Comparison. (Link)
jQuery 4.0.0 Official Release: A 20-Year Milestone for the Web. (Link)
Cloudflare Acquires Astro to Accelerate the Future of High-Performance Web Development. (Link)
CSS at Scale With StyleX. (Link)
Why did TypeScript become GitHub's fastest growing language? (Link)
JavaScript & CSS Snippets
CSS-Only Stacking Cards
See the Pen CSS-Only Stacking Cards by Kara Bharat (@karabharat) on CodePen.
Gallery 3D - css - (Infinite - hover)
See the Pen Gallery 3D - css - (Infinite - hover) by Daniel Muñoz (@daniel-mu-oz) on CodePen.
Random Wavy Dividers
See the Pen Random Wavy Dividers by Temani Afif (@t_afif) on CodePen.
- Prev: jQuery 4 vs. jQuery 3: A Technical Comparison
- Next: None
