Weekly Web Design & Development News: Collective #649
Everything you need to know in development & design this week, rounded up for you (Week 13, 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:
- Next.js 16.2 has arrived, bringing sweet performance bumps, Turbopack improvements, and new capabilities for AI agents.
- Major AI drops: Midjourney v8 Alpha massively speeds up image generation, while the new GPT-5.4 Mini & Nano models are here to optimize your coding workflows.
- The 2026 Tech Audit begins: We're currently rewriting all our popular "Top 10" lists so your forms, UI components, and JS/CSS plugins are modern, maintained, and ready for the year ahead.
- MeetUI: A seriously slick new animated component library powered by Framer Motion and Three.js to make your interfaces pop.
- Tooscut: A professional-grade video editor that runs completely entirely in your browser, built with Rust, WebGPU, and WASM.
- Neubrutalism UI Kit: A completely free, open-source Figma component kit to help you effortlessly nail that trendy, bold aesthetic.
- UI deep dive: A great read on why dropdowns inside scrollable containers always seem to break, and the proper way to actually fix them.
- +38 other great libraries, dev tools, and resources
- +10 design freebies, AI agents, and code snippets
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 Credit Card Form Plugins To Increase Conversion Rates
10 best jQuery plugins and Vanilla JavaScript libraries that help you easily and quickly build interactive and high-conversion credit card (or debit card) forms in your current online business.
7 Best SEO-friendly URL Slug Generators In JavaScript (2026 Update)
7 best URL Slug Generators that can be used in your CMS or Blog system to generate URL-friendly and human-readable URL slugs from article/post/product titles.
7 Best Youtube Like Top Slim Loading Bar Plugins (2026 Update)
7 best loading bar jQuery plugins and JavaScript libraries that help you implement the Youtube.com inspired top slim loading progress bar on your web app.
10 Best Toggle Button Plugins In JavaScript & CSS (2026 Update)
10 best JavaScript/CSS libraries for creating custom toggle buttons that enable the user to make a choice between two or more states.
10 Best JavaScript Plugins To Filter Content Based On User Input
10 best filtering JavaScript plugins that enable users to dynamically filter any HTML content based on user input or by one or more properties you provide.
10 Best Free Tooltip Components For React & React Native (2026 Update)
10 best and open-source tooltip components that can be used in modern React- and React Native-powered web applications.
10 Best Progress Bar Components For Vue.js App (2026 Update)
10 best and most downloaded Vue.js components to help developers create modern customizable progress bars on the web app.
7 Best Loading/Progress Indicator Libraries For Vue.js (2026 Update)
7 best components and JavaScript libraries for Vue.js applications to create awesome loading & progress indicators during HTTP requests, routing change, or all you want.
7 Best Stepper (Form Wizard) Components For Vue.js Apps (2026 Update)
7 best components and JavaScript libraries for Vue.js applications to create awesome loading & progress indicators during HTTP requests, routing change, or all you want.
JavaScript & CSS
muJS - Lightweight AJAX Page Navigation Library.
muCSS - Accessible Themeable Pure CSS Framework.
digito - Advanced OTP Input Library for Vanilla JS, React, Vue, Svelte & More.
mouse-animations - 7 Custom Cursor & Mouse Effects in JavaScript.
DriftSlider - Lightweight Physics-Based Touch Carousel for JS & jQuery.
avalynx-cardslider - Lightweight Bootstrap 5 Card Slider.
Pure CSS Radial Menu - Pure CSS Radial Menu with Native Select Element.
Responsive Expandable Cards - CSS Accordion Slider with Hover Expand Animation.
KeyframeKit - Control CSS Animation with JavaScript.
avalynx-autocomplete - Bootstrap 5 Autocomplete Component In Vanilla JS.
texel-splatting - Perspective-stable 3D pixel art.
water-anime-shader - An anime/cel-shaded water scene built with Next.js, Three.js, and React Three Fiber. .
js-font-parser - A high-quality browser typography engine for JavaScript: parse fonts, shape text, inspect tables, and render glyphs with real outline access.
Atmospheric Depth Gallery - A Three.js depth-scrolling image gallery where scroll velocity drives atmospheric mood and subtle motion, while each image defines its own background palette.
bootstrap-dynamic-themes - Theme customizer and modular engine for Bootstrap 5.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
element-source - Find Component Source Files from Any DOM Node.
MeetUI - Animated UI Component Library With Framer Motion and Three.js.
nextjs-i18n-starter - Next.js i18n Starter with Better I18N and ISR Support.
chatcn - Chat UI Components for React and shadcn/ui.
nextjs-mobile-app-template - PWA Boilerplate with iOS Layout Fixes.
ui-fx-kit - 64 Composable React UI Effects With MCP and CLI.
react-native-lumen - App Tour Component Powered by Reanimated 3.
react-data-list - A library which helps you build data arrays by expressing items declaratively using React components.
themer - Theming library for tanstack start and router.
react-native-showtime - ShowTime wrapper for React Native - Display taps and gestures on iOS.
mkicon - Transform SVG icons into beautiful React, Vue, or Svelte components with zero config.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
Cdifftastic - A structural diff tool that compares files based on their syntax.
Recordly - The open-source screen recorder and editor for professional product videos, demos, and tutorials.
open-terminal - A lightweight, self-hosted terminal that gives AI agents and automation tools a dedicated environment to run commands, manage files, and execute code — all through a simple API.
zeroboot - Sub-millisecond VM sandboxes for AI agents via copy-on-write forking.
onecli - Open-source credential vault, give your AI agents access to services without exposing keys.
ghostling - A minimum viable terminal emulator built on top of the libghostty C API. Ex minimo, infinita nascuntur.
OpenBrand - Extract brand assets (logos, colors, backdrops) from any website; open source alternative to Brand.dev.
edgejs - A secure JavaScript runtime, designed for Edge computing and AI workloads.
tooscut - Professional video editing, right in your browser. Made with Rust, WebGPU, WASM, and Tanstack Start.
atomic - A personal knowledge base that turns markdown notes into a semantically-connected, AI-augmented knowledge graph.
Graphic Design Freebies
Neubrutalism UI Kit for Figma - A free, open-source component kit for Figma.
Fitness Activity Icons - A complete collection of 41 free Garmin activity icons.
Holographic Shapes - 3D Abstract Holographic Shapes Pack (Figma).
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Google Stitch - Build Modern Mobile & Web App Prototypes In Minutes.
Crucix - Build A Local Intelligence Assistant With LLMs.
OpenMAIC - Free AI Multi-Agent Interactive Classroom Generator.
Page Agent - Add An AI Agent to Your Web Page with One Script Tag.
GPT‑5.4 Mini & Nano - Fast and efficient models optimized for coding and subagents.
MiniMax-M2.7 - Build a Complex Agent Harness Independently to Accomplish Highly Complex Productivity Tasks.
Midjourney v8 Alpha - 4–5x faster generation speeds, significantly improved prompt understanding, and native 2K resolution.
My Computer - A core feature of the Manus Desktop application that enables the Manus AI agent to move beyond a cloud-based sandbox and work directly on a user’s local Windows or macOS machine.
NVIDIA NemoClaw - Deploy more secure, always-on AI assistants with a single command.
GLM-5-Turbo - A foundation model deeply optimized for the OpenClaw scenario.
News & Articles
Dropdowns Inside Scrollable Containers: Why They Break And How To Fix Them Properly (Link)
The new full-stack vibe coding experience in Google AI Studio (Link)
Next.js 16.2 brings updates for performance, AI agents, and Turbopack (Link)
White House releases AI legislation framework (Link)
- Prev: Weekly Web Design & Development News: Collective #648
- Next: None
