Weekly Web Design & Development News: Collective #635

Everything you need to know in development & design this week, rounded up for you (Week 51, 2025).

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:

• We've audited and updated our most popular "Top 10" JS lists for 2026
• OpenAI releases GPT-5.2, its most capable model series yet
• A new no-code drag-and-drop form builder for shadcn/ui
• Add interactive guided tours to your app with boarding.js
• 125 free hand-drawn Christmas tree vectors for your holiday designs
• A deep dive into the state of CSS in 2025
• 28 other modern web tools and libraries
• 10 AI resources and design freebies

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 jQuery & JavaScript Gauge Charts For Dashboards (2026 Update)

The 10 best jQuery, Vanilla JavaScript, and Pure CSS gauge libraries to generate dynamic gauge meters on your web apps.

---

10 Best Organization Chart JavaScript/CSS Libraries (2026 Update)

10 best free jQuery, Vanilla JavaScript, and PURE CSS organization chart libraries for building interactive organization/family trees and diagrams.

---

10 Best Date And Time Picker JavaScript Plugins (2026 Update)

The top 10 jQuery and Vanilla JS date picker plugins

---

10 Best Tree View Plugins In JavaScript And Pure CSS (2026 Update)

Explore the 10 best JavaScript Tree View plugins for web applications. This list features 5 robust jQuery options and 5 lightweight Vanilla JS libraries.

---

10 Best Flowchart JavaScript Libraries To Visualize Workflows (2026 Update)

10 best jQuery plugins and Vanilla JavaScript libraries that make it easier to draw and render customizable flowcharts on your existing web project.

---

10 Best Multiple Select Plugins In JavaScript (2026 Update)

10 Best Multiple Select jQuery & Vanilla JavaScript plugins to create customizable, enhanced, user-friendly Multiple Select UI for easier options selection.

---

10 Best Toast Notification JavaScript Libraries (2026 Update)

10 Best and free JavaScript toast libraries to create Material Design-inspired Toast notifications in your modern web apps.

---

10 Best Countdown Timer JavaScript Libraries (2026 Update)

10 best and easy-to-implement countdown timers written in pure JavaScript.

---

JavaScript & CSS

fit-to-page - Auto-Fit HTML to Single PDF Page.

aura-cursor - Custom Mouse Effects for Modern Web Apps.

CSS-only Gallery - A CSS-only photop gallery that creates a responsive grid of images with unique, angled borders.

boarding.js - Lightweight Vanilla JS Library for Interactive Guided Tours.

Virtual-Joystick - Touch-enabled Virtual Joystick with Haptics.

aos.js - Lightweight Modern Animation on Scroll Library (5.7KB)

ripple - A TypeScript UI framework that combines the best parts of React, Solid, and Svelte.

iconv-lite - Convert character encodings in pure javascript.

superstate - Type-safe JavaScript statecharts library.

icebird - A library for reading Apache Iceberg tables in JavaScript. It is built on top of hyparquet for reading the underlying parquet files.

fate - A modern data client for React and tRPC inspired by Relay and GraphQL.

AgnosUI - Multiframework Frontend Component Libraries, including Headless and Bootstrap.

Discover more JavaScript & CSS Libraries →

---

NextGen JavaScript

cascader-shadcn - Hierarchical Data Selection for shadcn/ui.

sveltemark - Privacy-First Markdown Editor Built with Svelte.

nextjs-leaflet-starter - Next.js Leaflet Starter Template for Interactive Maps.

shadcn-builder - No-code Form Builder with Drag and Drop.

Glassmorphism-Admin-Panel-UI - Modern Glassmorphism-style Dashboard Template for Next.js.

React Arborist - Sortable Virtual Customizable Tree Component For React Apps.

nova-glassmorphism-nextjs-template - Scroll, and elegant animations. Includes Hero, Features, Pricing, CTA sections..

Discover more Next.js & shadcn/ui resources →

---

Web Dev Tools & Resources

devalue - Gets the job done when JSON.stringify can't.

hl - A fast and powerful log viewer and processor that converts JSON logs or logfmt logs into a clear human-readable format.

walrus - High Performance kafka alternative written in rust.

bidc - Bidirectional Channels for JavaScript.

orange-orm - The ultimate ORM for Node and Typescript.

ansis - CJS/ESM ANSI color library for terminals, CI and Chromium-based browser consoles.

wirebrowser - A debugging, interception, and memory-inspection toolkit powered by the Chrome DevTools Protocol (CDP).

ofcoerce - A lightweight, near-zero overhead alternative to Zod and Valibot.

---

Graphic Design Freebies

Finance Icons Pack - 140 Finance Icons for Banking Apps (SVG, PNG, Figma).

Chatbot App UI Kit - AI Chatbot & Assistant App UI Kit for Figma.

Handdrawn Christmas Trees - 125 Free Handdrawn Christmas Trees (SVG & PNG).

Discover more Graphic Design Freebies →

---

Curated AI Tools for Developers and Designers

Paper2Slides - Free AI Paper to Presentation Generator with RAG Support.

Mistral Vibe - Mistral’s Open-source AI Coding Agent Based on Devstral 2.

Mixboard - Free AI Moodboard Tool from Google Labs.

GPT-5.2 - OpenAI’s most capable model series yet for professional knowledge work.

Skippr Finesse - AI agent that catches design, copy, and accessibility issues before you ship.

Strater AI - Transform videos, PDFs, and articles into smart study materials with AI.

Browser Use Skills - Turn any website into a reliable API with 1 prompt.

Discover more Free AI Tools →

---

News & Articles

Denial of Service and Source Code Exposure in React Server Components. (Link)

Making complex web apps faster. (Link)

No ARIA is better than Bad ARIA. (Link)

State, Logic, And Native Power: CSS Wrapped 2025 (Link)

React and Remix Choose Different Futures (Link)

---

JavaScript & CSS Snippets

context aware :hover cards w/ blur

See the Pen context aware :hover cards w/ blur by Jhey (@jh3y) on CodePen.

---

Liquid Glass Dropdown

See the Pen Liquid Glass Dropdown by Andreas Storm (@avstorm) on CodePen.

---

Magma Particle Field

See the Pen Magma Particle Field by Techartist (@VoXelo) on CodePen.

---

Circular carousel

See the Pen Circular carousel by Ryan Yu (@iamryanyu) on CodePen.