Weekly Web Design & Development News: Collective #641
Everything you need to know in development & design this week, rounded up for you (Week 5, 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 completely audited and updated all our "Top 10" lists (Data Tables, Modals, Forms) for 2026.
- Build macOS-inspired interfaces with the new Darwin UI React component library.
- Supercharge your workflow with a curated list of 100+ free agents and skills for Claude Code.
- Render high-performance charts for massive datasets using the new WebGPU library, ChartGPU.
- ️ Create beautiful hand-drawn SVG animations for logos and signatures with Stroke.
- Grab the massive Telegram UI Kit featuring 310+ screens for iOS and Android.
- Why "Pixel Perfect" design is fading away (and what to aim for instead).
- 30 other modern JavaScript tools and libraries
- 9 free AI tools for coding and design
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 Context Menus In jQuery And Pure JavaScript (2026 Update)
10 best context menu components built with jQuery and/or vanilla JavaScript that are easy to integrate with your existing web project.
10 Best Data Table/Grid Systems In JavaScript (2026 Update)
10 best jQuery & Vanilla JavaScript plugin to generate flexible, dynamic data tables (data grids) on the web applications.
10 Best Countup Timer Plugins In JavaScript (2026 Update)
10 best jQuery and Vanilla JavaScript Countup (counter) plugins for statistical data.
10 Best Input Mask Plugins In JavaScript (2026 Update)
10 best jQuery & Vanilla JavaScript plugins for currency/date/time/phone input fields to restrict user input to a specific pattern and mask data entry in a specific format while typing.
10 Best Custom Checkbox And Radio Input Replacements (2026 Update)
10 best free jQuery plugins and Pure CSS libraries to enhance, beautify, and manipulate the default native checkboxes and radio buttons in your document.
10 Best Marquee-like Content Scrolling Plugins In JavaScript (2026 Update)
10 best JavaScript/jQuery plugins to implement the marquee-like content scrolling effects on the modern web app.
10 Best File Upload Libraries In jQuery And Vanilla JS (2026 Update)
10 best file upload jQuery plugins and JavaScript libraries that simplify the file upload task and improve the uploading experience on the web app.
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 Comparison Tools In JavaScript (2026 Update)
10 best JavaScript/jQuery image comparison plugins that help developers create before/after effects for comparing two images for differences.
10 Best HTML Presentation Frameworks In JavaScript (2026 Update)
10 best JavaScript HTML presentation frameworks to help developers generate professional, nice-looking presentations using JavaScript, HTML, and CSS.
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 Online Calculator Apps In JavaScript (2026 Update)
10 best JavaScript libraries and jQuery plugins for creating online calculator web applications with ease.
10 Best Toggle Switches In JavaScript & Pure CSS (2026 Update)
10 best and top rated JavaScript & Pure CSS solutions to create user-friendly switch controls and toggle buttons for your web app.
10 Best Custom Scrollbar Plugins In jQuery And Vanilla JS (2026 Update)
These 10 Best Custom Scroll Bar jQuery and Vanilla JavaScript Plugins enable you to beautify and enhance the native & ugly browser scrollbars.
10 Best Rating Systems In JavaScript & Pure CSS (2026 Update)
This is a list of 10 best/top downloaded JavaScript/CSS rating systems and jQuery rating plugins for creating interactive star rating controls on the web app.
10 Best Virtual Keyboard Components In JavaScript (2026 Update)
10 Best jQuery & Vanilla JavaScript Virtual Keyboard plugins to enhance the input experience on the web & mobile devices.
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 Signature Pad Plugins In JavaScript (2026 Update)
10 of best JavaScript signature pad plugins that help you add a signature pad to your website and make your visitors feel more engaged.
10 Best Image Zoom jQuery & Vanilla JavaScript Plugins (2025 Update)
The 10 best 10 Image Zoom jQuery Plugin and JavaScript libraries. These are most popular, robust and superb JavaScript libraries for magnifying glass effects.
10 Best JavaScript & CSS Responsive Grid Layouts (2026 Update)
A list of the 10 best JavaScript and CSS based responsive grid layouts we found on the web.
10 Best Typewriter Text Animation JavaScript Libraries (2026 Update)
A list of 10 best text animation libraries that make it easy to apply fancy animations and typing effects to your text using native vanilla JavaScript.
10 Best Tabs Components In JavaScript & CSS (2026 Update)
A constantly updated list of the 10 best JavaScript and CSS based tabs components (tabbed interfaces)
10 Best Lazy Loading JavaScript Libraries (2026 Update)
10 best Lazy Loading JavaScript libraries to significantly increase page speed and enhance your page rankings.
10 Best Progress Bar Components For React & React Native (2026 Update)
10 best React & React Native components to create progress bars, progress indicators, and loading bars to represent percentage data.
10 Best Modal Components For React & React Native Apps (2026 Update)
"A set of 10 best and open-source modal popup components for React & React Native applications.
5 Best Countdown Components For Vue.js (2026 Update)
5 best Vue.js components that makes it easier to create countdown & timer components on the Vue.js powered application.
JavaScript & CSS
ChartGPU - High-Performance WebGPU Charting Library for Large Datasets.
device-uuid - Lightweight Device Detection and UUID Generation Library.
human-time-2026 - Human-friendly Relative Time Formatter.
Hexagon Grid Layout - Responsive Hexagon Grid Layout Using CSS Grid and Container Queries.
toastify - Debug Responsive Layouts With A Visual Tracker.
localspace - A library that unifies the APIs of IndexedDB, localStorage and other storage into a consistent API.
styleframe - Write type-safe, composable, future-proof Design Systems code using styleframe's powerful TypeScript CSS API.
stroke - Create Hand-drawn SVG animations for logos, signatures, and illustrations.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
Nuxt Studio - Self-Hosted Content Editing for Production Sites.
supa-next-starter - Full-Stack Next.js Starter with Supabase, TypeScript, TanStack Query.
Status Page - Build a self-hosted Status Page with Next.js and Payload CMS.
Darwin UI - macOS-Inspired React UI Component Library.
Maz UI - Lightweight and efficient library for Vue & Nuxt.
nextjs-supabase-shadcn-boilerplate - Minimal Next.js + Supabase + shadcn/ui boilerplate with auth and dashboard sidebar.
ai-coding-starter-kit - Production-ready Next.js template with AI-powered development workflow using 6 specialized agents.
pastecn - pastebin + shadcn = pastecn. Paste your code and get a shadcn-compatible registry URL instantly.
Web Dev Tools & Resources
Claude Code Resources - Supercharge Anthropic's Claude Code with this curated list of 100+ free agents, skills, plugins, and more.
x-algorithm - Algorithm powering the For You feed on X.
DPaint-js - Webbased image editor, modeled after the legendary Deluxe Paint with a focus on retro Amiga file formats: read and write Amiga icon files and IFF ILBM images.
copilot-sdk - Multi-platform SDK for integrating GitHub Copilot Agent into apps and services.
antigravity-kit - AI Agent templates with Skills, Agents, and Workflows.
qmd - An on-device search engine for everything you need to remember.
ocrbase - PDF ->.MD/.JSON Document OCR and structured data extraction API. PaddleOCR + LLM-powered parsing.
fence - Lightweight, container-free sandbox for running commands with network and filesystem restrictions.
sdk - AI-native SDK for video tooling.
html-minifier-next - Super-configurable, well-tested, JavaScript-based HTML minifier (enhanced successor of HTML Minifier).
color256 - Generate a full 256 palette from base16 your colors.
Graphic Design Freebies
Telegram UI Kit - 310 Screens for iOS & Android.
AI SaaS Dashboard UI Kit - A dashboard UI Kit for building AI-powered SaaS products directly in Figma..
Microsoft 365 UI Kit - The official Microsfot 365 UI Kit for Figma app.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Claude Cowork Alternatives - 5 Best & Open-source Claude Cowork Alternatives.
Free AI Writing Tools - 10 Best Free AI Writing Tools in 2026 (Tested & Compared).
mcp-cli - Open-source CLI for Interacting with MCP Servers Efficiently.
Roborev - Free AI Code Review Tool for Git Commits.
Qwen3-TTS - An open-source series of TTS models that support stable, expressive, and streaming speech generation, free-form voice design, and vivid voice cloning..
ChartGen AI - Turn your data into stunning, professional charts in seconds.
Wix Harmony - A hybrid website editor that combines AI-powered creation (known as vibe coding) with classic drag-and-drop tools.
GLM-4.7-Flash - A highly efficient, open-weight Mixture-of-Experts (MoE) large language model, designed to balance strong performance with low computational cost for local deployment.
FLUX.2 [klein] - A family of compact, high-speed AI image models from Black Forest Labs.
News & Articles
Best practices for coding with agents. (Link)
HTTP Archive’s annual state of the web report. (Link)
Rethinking “Pixel Perfect” Web Design. (Link)
ASCII characters are not pixels: a deep dive into ASCII rendering. (Link)
Seven Signs That Your JavaScript Project is Legacy (Link)
JavaScript & CSS Snippets
Circular animation-timeline scroll gallery
See the Pen Circular animation-timeline scroll gallery by Chris Bolson (@cbolson) on CodePen.
Live smoothed line chart
See the Pen Live smoothed line chart by amCharts team (@amcharts) on CodePen.
scroll-timeline encoded message reveal
See the Pen scroll-timeline encoded message reveal by Chris Bolson (@cbolson) on CodePen.
Text frame border animation rotation that [CSS & SVG] V 2
See the Pen Text frame border animation rotation that [CSS & SVG] V 2 by Fernando Cohen (@designfenix) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #640
- Next: None
