Weekly Web Design & Development News: Collective #674

by jQueryScript,

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

watermark-js-plus - JavaScript Page & Image Watermarks.

JavaScript Page & Image Watermarks

Compressly - Client-Side Image Compression & Resize in JavaScript.

Client-Side Image Compression & Resize in JavaScript

Liquid Glass Chat UI - Liquid Glass Chat UI for React Native and Expo.

Liquid Glass Chat UI for React Native and Expo

Gemini 4 Argon - Now available through Google’s paid API and to Pro/Ultra subscribers in the Gemini app.

OpenCode 2 - A major update to the open-source coding agent, including a new web app.

Get Next Week's Picks

JavaScript & CSS

Image-to-Pixel - Convert Images to Pixel Art with JS Dithering & Custom Palettes.

Convert Images to Pixel Art with JS Dithering & Custom Palettes

ASCIIGround.js - Animated ASCII Backgrounds for Web Apps.

Animated ASCII Backgrounds for Web Apps

Skeleton Mammoth - Highly Customizable Skeleton Loader In Pure CSS.

Highly Customizable Skeleton Loader In Pure CSS

Collapsable.js - Vanilla JS Accordions & Content Toggles.

Vanilla JS Accordions & Content Toggles

vanilla-sonner - Sonner-Style Toasts in Vanilla JavaScript.

Sonner-Style Toasts in Vanilla JavaScript

TimePicker.js - Minimal 24-Hour Time Picker in Vanilla JS.

Minimal 24-Hour Time Picker in Vanilla JS

slider-pro-js - Responsive Touch Slider With Thumbnail Navigation.

Responsive Touch Slider With Thumbnail Navigation

hueful - CSS Color Parsing and Conversion in JavaScript.

CSS Color Parsing and Conversion in JavaScript

Bootstrap UI Sounds - Add Web Audio Feedback to Bootstrap 5 & 6 Components.

Add Web Audio Feedback to Bootstrap 5 & 6 Components

DataBox - Multi-View jQuery Data Grid with Kanban.

Add Web Audio Feedback to Bootstrap 5 & 6 Components

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

shadcn-scroll-reveal - Scroll-Driven Image and Caption Animations.

Scroll-Driven Image and Caption Animations

Cosmic UI - SVG-Based Sci-Fi UI Components for Modern Web Apps.

SVG-Based Sci-Fi UI Components for Modern Web Apps

Cojeev UI - 170+ Animated React UI Components for shadcn/ui.

170+ Animated React UI Components for shadcn/ui

ns-ui - 500+ Interactive React Components for shadcn/ui & Tailwind CSS.

500+ Interactive React Components for shadcn/ui & Tailwind CSS

EasyUI - 110+ Animated React Components for shadcn/ui.

110+ Animated React Components for shadcn/ui

Snapcn - 40+ Free Remotion Video Components for Product Demos.

40+ Free Remotion Video Components for Product Demos

FormEngine - JSON Forms for React and MUI.

JSON Forms for React and MUI

Expo Dynamic Notifications - Dynamic Island-Style Alerts for React Native.

Dynamic Island-Style Alerts for React Native

beste-ui - Production-ready UI blocks for your next project. Install via shadcn cli.

arc-library - Free, open source React components with calm motion.

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

fresh - Terminal based IDE & text editor: easy, powerful and fast.

ascii - Animated ascii art for web pages, in TypeScript: React, Next.js, Astro, or one HTML tag.

git-ai - Git designed for AI agents.

handwired - Turn your regular JavaScript code into a neural net.

doory - Open source canva alternative.

rdt-cli - Reddit in your terminal.

gridsnap - An open source alternative to Divvy for macOS.

circle-lens - A free screen magnifier that opens where you're looking.


Curated AI Tools for Developers and Designers

Muse Spark Open - Meta released open weights for its multimodal model built for coding and long-running agent tasks.

Harness - Coordinates AI coding agents across machines from a single command center.

MiniMax Design - Uses AI agents to turn creative briefs into multimedia projects on a desktop canvas.

Retriever AI - Automates web tasks across signed-in websites from Chrome or cloud browsers.

Reason - An autonomous coding agent that delegates engineering work across specialized agents.

Office in Microsoft Copilot - Brings Word, Excel, and PowerPoint editing directly into Copilot for Frontier customers.

jambuild - Builds web apps collaboratively through voice instructions and mouse pointing.

Ghost Core - A personal AI computer that runs locally and builds context from your connected apps.

Jev 1.14.0 - Adds experimental image inputs to its fast, typed AI decision-making model.

Browse more AI tools for developers →


Design Freebies

Energy Icons - 1200+ Free Energy Icons (SVG, Figma & React).

1200+ Free Energy Icons (SVG, Figma & React)

Christmas 3D E-Commerce Icons - 10 Free Christmas 3D E-Commerce Icons (SVG & PNG).

10 Free Christmas 3D E-Commerce Icons (SVG & PNG)

Pixel Art Icons - 3,000 Free Smooth & Pixel Art Icons for Figma.

3,000 Free Smooth & Pixel Art Icons for Figma

Discover more Design Freebies →


Read This Week

OpenClaw CLI Cheat Sheet: Commands, Config & Skills

10 Best Claude Code Plugins for Developers

Claude Code Commands Cheat Sheet

OpenAI Codex Commands Cheat Sheet