Weekly Web Design & Development News: Collective #662

by jQueryScript,

Everything you need to know in development & design this week, rounded up for you (Week 27, 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!

5 Picks Worth Your Time:

Filesize.js - Format Bytes as Readable File Sizes.

Format Bytes as Readable File Sizes

fuzzy-search - Fuzzy Search & Autocomplete Library For JavaScript.

Fuzzy Search & Autocomplete Library For JavaScript

Swiper Slider v14 - Responsive Mobile Touch Slider for JavaScript & jQuery.

Responsive Mobile Touch Slider for JavaScript & jQuery

Tabulator - Easy Data Table Generator with JSON.

Easy Data Table Generator with JSON

GPT-5.6 Sol, Terra, and Luna - Limited preview of the GPT-5.6 series, with new Sol, Terra, and Luna capability tiers.

Get Next Week's Picks

JavaScript & CSS

Speed Highlight - Tiny & Fast JavaScript Syntax Highlighting Library.

Tiny & Fast JavaScript Syntax Highlighting Library

ASCII Printer - Print ASCII Art in the Browser Console.

Print ASCII Art in the Browser Console

Qrono - JavaScript Date Manipulation with DST Support.

JavaScript Date Manipulation with DST Support

ThumbmarkJS - Client-Side Browser Fingerprinting in JavaScript.

Client-Side Browser Fingerprinting in JavaScript

SunCalc - JavaScript Sun/Moon Position & Phase Calculator.

JavaScript Sun/Moon Position & Phase Calculator

Recogito Text Annotator - Interactive Text Annotation and Highlighting.

Interactive Text Annotation and Highlighting

Toastry - Sonner-Style Stacked Toast Notifications in JavaScript.

Fast & Sonner-Style Stacked Toast Notifications in JavaScript – Toastry

Anime.js - Lightweight & Versatile JavaScript Animation Engine.

Lightweight & Versatile JavaScript Animation Engine

SurveyJS - Advanced Survey/Feedback/Quiz Library in JavaScript.

Advanced Survey/Feedback/Quiz Library in JavaScript

jquery-image-annotate - Flick-style Image Annotation Library for Vanilla JS, jQuery & React.

Flick-style Image Annotation Library for Vanilla JS, jQuery & React

Tabulator - Easy Data Table Generator with JSON.

Easy Data Table Generator with JSON

Able Player - Accessible HTML5 Media Player with Captions.

Accessible HTML5 Media Player with Captions

persona - Create agentic front-end experiences for the web in VanillaJS.

zod-compiler - Compile Zod schemas into zero-overhead validation functions at build time.

RotatingOnScrollAnimations - Some ideas for animating images in 3D while scrolling.

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

startercn - Build a shadcn/ui Component Registry with Docs and Landing Page.

Build a shadcn/ui Component Registry with Docs and Landing Page

tw-fade - Tailwind CSS Scroll Edge Fades.

Tailwind CSS Scroll Edge Fades

ChatDeck - Free SaaS Landing Page Template for Next.js.

Free SaaS Landing Page Template for Next.js

Gamification UI Kit - Build gamified React apps with editable streak, leaderboard, achievement, and points components.

Build gamified React apps with editable streak, leaderboard, achievement, and points components

shadcn-stacked-progress-bar - A composable stacked progress bar for shadcn/ui to display multiple statuses in one track, with optional legend, tooltips, and accessible semantics.

A composable stacked progress bar for shadcn/ui to display multiple statuses in one track, with optional legend, tooltips, and accessible semantics.

matrix - 55+ Dot Matrix Loaders for React and shadcn/ui.

55+ Dot Matrix Loaders for React and shadcn/ui

shadcn-react-table - Full-Featured shadcn/ui Data Table with TanStack Table & TailwindCSS.

Full-Featured shadcn/ui Data Table with TanStack Table & TailwindCSS

liquid-glass - React Liquid Glass Component for Interactive UI Effects.

React Liquid Glass Component for Interactive UI Effects

gradient-shimmer - React Text Shimmer Component with Custom Gradients.

React Text Shimmer Component with Custom Gradients

expo-liquid-lens - Expo Liquid Glass Tabs for React Native.

Expo Liquid Glass Tabs for React Native

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

flue - The sandbox agent framework.

tabularis - Open-source desktop SQL workspace for PostgreSQL, MySQL/MariaDB, SQLite and 12+ more databases like DuckDB, ClickHouse, Redis and Firestore.

nub - The fast all-in-one Node.js toolkit.

forui - Duobase's Flutter UI library.

go-micro - An agent harness and service framework for Go.

skybridge - A full-stack TypeScript framework for MCP Apps and ChatGPT Apps.

cnfast - Fast drop in replacement for `cn`.

hasp - A local-first broker for managed secrets in agent workflows.

ion - A Positively Charged JavaScript Runtime.

favicon - Store your websites content in the favicon of your site.


Curated AI Tools for Developers and Designers

Penpot - Open-Source Figma Alternative for UI Design and AI Workflows.

agent-browser - Free Open-Source Browser Automation CLI for AI Agents.

Page Agent - Free & Open-source In-Page AI Browser Control.

ClaudePrism - Free Local AI Research Writing Workspace (OpenAI Prism Alternative).

GPT-5.5 Instant - It’s now better at understanding the intent behind a question and adapting its response accordingly.

Computer Use - A built-in tool in Gemini 3.5 Flash to build agents that can interact across platforms.

Claude Tag - An always-on, persistent AI agent by Anthropic that acts as a shared team member inside Slack.

Mistral OCR 4 - A state-of-the-art document intelligence and optical character recognition model released by Mistral AI.

Browse more AI tools for developers →


Design Freebies

iOS and iPadOS 27 UI Kit - Apple’s Official iOS 27 and iPadOS 27 UI Kit for Figma.

Apple’s Official iOS 27 and iPadOS 27 UI Kit for Figma

macOS 27 Figma UI Kit - Apple’s Official macOS 27 Figma UI Kit.

Apple’s Official macOS 27 Figma UI Kit

Chatbot App UI Kit - Mobile Chatbot App UI Kit for Figma.

Mobile Chatbot App UI Kit for Figma

Discover more Design Freebies →


Read This Week

The Ultimate Claude Code Resource List 2026: Agents, Skills, Plugins & More

200+ AI Terms Explained: The Complete AI Glossary for Beginners

10 Best ChatGPT Image 2 Prompts That Actually Work

340+ Most Popular Agent Skills on GitHub for Coding Agents

A categorized reference for finding agent skills by coding workflow, then narrowing the list before deciding what belongs in your local or team agent setup.