Weekly Web Design & Development News: Collective #636
Everything you need to know in development & design this week, rounded up for you (Week 52, 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
- Add festive flair to your site with 10 pure CSS & JS snowfall effects
- Grab 10+ free Shadcn UI blocks specifically for building E-commerce sites
- Give your next project a retro vibe with this Terminal-style CSS framework
- A privacy-first AI tool that removes image backgrounds for free
- Get ahead of the game with the official FIFA World Cup 2026 Design Kit
- The definitive guide to the best Drag and Drop libraries (2026 Edition)
- 22 other updated resources and dev tools
- 3 festive design freebies and 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 Gantt Chart Plugins In JavaScript (2026 Update)
10 best jQuery & JavaScript Gantt Charts to manage and track your projects or tasks.
10 Best Snowfall Effects: jQuery, Vanilla JS, and Pure CSS (2026)
10 best JavaScript and CSS libraries that enable you to easily add falling snow effects to your holiday-themed websites and web apps.
10 Best Countdown Timer Plugins In JavaScript (2026 Update)
The 10 best JavaScript (jQuery & Vanilla JS) countdown plugins that can be used to tell the visitor how many dates, times, or products are left before the event.
7 Best Flip Clock Style Countdown Plugins In JavaScript (2026 Update)
7 best Vanilla JavaScript and jQuery plugins to create modern countdown components that flip between digits just like a retro flip clock.
10 Best JSON Viewer Tools To Format JSON Strings (2026 Update)
10 Best JavaScript- & jQuery-powered JSON Viewer tools to format & convert JSON to a human-readable view.
10 Best Timeline Components In jQuery And Pure JS/CSS (2026 Update)
10 best, free, open source timeline plugins/components/libraries written in jQuery, Vanilla JavaScript, and pure CSS.
10 Best Loading Spinner/Indicator Libraries for Pure CSS & Vanilla JS (2026 Update)
Improve your UI feedback loop. Explore our 2026 collection of 10 best loading spinner libraries, including iOS-style dots, Facebook-style skeletons, and minimal SVGs.
10 Best Drag And Drop JavaScript Libraries (2026 Update)
10 best JavaScript libraries that enhance the native HTML5 drag and drop functionality or use the Drag and Drop API to do cool stuff on draggable elements.
10 Best & Open-source JavaScript Multiple Select Libraries for 2026
10 Best Multiple Select Components for web apps. Review the best vanilla JavaScript options with search, filtering, and virtual scrolling.
10 Best Free JavaScript WYSIWYG Rich Text Editors (2026 Update)
10 best and open-source WYSIWYG editors (rich text editors) written entirely in vanilla JavaScript. No dependencies required.
10 Best Color Pickers For React & React Native Apps (2026 Update)
10 best color picker components for quickly finding, previewing, and selecting color values in React & React Native apps.
10 Best Calendar Components For React & React Native Apps (2026 Update)
10 Best Calendar Components to pick dates or to display & manage activities, tasks, or any scheduled events in modern web and mobile apps.
JavaScript & CSS
verticalScroll.js - A lightweight jQuery plugin for smooth full-page vertical scrolling. Includes pagination dots, keyboard support, and touch gestures.
picknplace.js - Mobile-First Drag and Drop Alternative for List Reordering.
terminal.css - Terminal Style CSS Framework.
Liquid-Glass-CSS - A lightweight CSS/JS library that adds Apple-inspired Liquid Glass effects to any element..
tuncxys-datepicker - Vanilla JS Date & Time Picker for Moderb Web Apps.
tinypdf - Minimal PDF creation library. <400 LOC, zero dependencies, makes real PDFs.
nimble-html - A light-weight `html` tagged template string function for writing declarative-reactive web apps..
pixel-mosaic - Converts images into pixel art and preserves features while downscaling.
image-magnifier - Annotate images with magnifying glass effects - drag, resize, and adjust zoom levels.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
fluid-tailwindcss - Build fluid responsive designs in TailwindCSS with CSS clamp() functions.
Commercn - 10+ Shadcn UI Blocks for E-commerce Sites.
sveltekit-shadcn-blog-starter - A modern, product-ready blog template that combines SvelteKit, shadcn-svelte components, Tailwind CSS, and MDsveX.
svelte-bash - Customizable Terminal Emulator Component for Svelte Apps.
quick-data-table - An open source lightweight, fully customizable React table component.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
A2UI - An open-source project, complete with a format optimized for representing updateable agent-generated UIs and an initial set of renderers.
PortKiller - A native macOS menu bar app for finding and killing processes on open ports.
sqlit - A user friendly TUI for SQL databases.
rscexplorer - A tool for people curious about the React Server Components protocol.
tailwindsql - Like TailwindCSS, but for SQL queries in React Server Components.
markdown-site - An open-source publishing framework for AI agents and developers.
ekphos - A debugging, interception, and memory-inspection toolkit powered by the Chrome DevTools Protocol (CDP).
ofcoerce - A lightweight, fast, terminal-based markdown research tool inspired by Obsidian.
immersa - Open Source Web-based 3D Presentation Tool.
fuzzy-canary - Poor-man's solution to stopping AI companies from scraping your blog.
Graphic Design Freebies
FIFA World Cup 2026 Design Kit - FIFA World Cup 2026 Design Kit color system and vector assets.
MacOS Icons - 100+ Free MacOS System & App Icons.
Christmas Illustrations - Flat Christmas Illustrations & Icons for Figma.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Next AI Draw.io - Free AI Turns Text into Editable Diagrams.
Phind 3 - Interactive AI Search Engine For Developers & Researchers.
CutItOut - Free Privacy-first Image Background Remover.
GPT-5.2-Codex - The most advanced agentic coding model for professional software engineering and defensive cybersecurity.
Gemini 3 Flash - Google’s latest model with frontier intelligence built for speed that helps everyone learn, build, and plan anything — faster.
ChatGPT Images - A new version of ChatGPT Images is now available, powered by the flagship image generation model (GPT Image 1.5).
FLUX.2 [max] - Black Forest Lab’s top-tier quality image generation and editing.
News & Articles
Introducing CSS Grid Lanes. (Link)
How To Conduct a Website Redesign in 2026. (Link)
::target-text: An easy way to style text fragments. (Link)
Design Guidelines For Better Notifications UX (Link)
JavaScript & CSS Snippets
Masked blur hover effect
See the Pen Masked blur hover effect by Adrian Payne (@dazulu) on CodePen.
Rolling text
See the Pen Rolling text by GSAP (@GreenSock) on CodePen.
Shimmer text
See the Pen Shimmer text by Ludvig Lindblom (@ludviglindblom) on CodePen.
Interactive Liquid Gradient using Three.js
See the Pen Interactive Liquid Gradient using Three.js by Cameron Knight (@cameronknight) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #635
- Next: None
