jQuery Script Blog

Weekly Web Design & Development News: Collective #677

by jQueryScript,

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

edge-aura - Siri-style Animated Screen Edge Glow in JavaScript.

Siri-style Animated Screen Edge Glow in JavaScript

OTPAuth - Generate and Verify One-Time Passwords in JavaScript.

Generate and Verify One-Time Passwords in JavaScript

justFlipIt v4 - JavaScript Flip & Tilt Animations.

JavaScript Flip & Tilt Animations

OrgChart v8 - Interactive Organization Chart in Vanilla JavaScript.

Interactive Organization Chart in Vanilla JavaScript

Evil Buttons - Animated shadcn/ui Button Registry for React.

Animated shadcn/ui Button Registry for React

Get Next Week's Picks

JavaScript & CSS

USAL.js - Tiny Framework-Agnostic Scroll Animation Library.

Tiny Framework-Agnostic Scroll Animation Library

CountrySelect Pro - Vanilla JS Country Dropdown with Flag Icons & Phone Codes.

Vanilla JS Country Dropdown with Flag Icons & Phone Codes

phoria2 - Interactive 3D Charts and Scenes in JavaScript.

Interactive 3D Charts and Scenes in JavaScript

oneko.js - Cat Follow Cursor Effect In JavaScript.

Cat Follow Cursor Effect In JavaScript

image-meta - Detect Image Formats and Dimensions.

Detect Image Formats and Dimensions

Party.js - Confetti & Sparkle Effects in JavaScriptt.

Confetti & Sparkle Effects in JavaScript

Masonry.js - Responsive Masonry Grid With Gallery Lightbox.

Responsive Masonry Grid With Gallery Lightbox

GifScratcher - Scrub Animated GIFs with JavaScript.

Scrub Animated GIFs with JavaScript

Sharingan - Animated Hero Sections & Scroll Effects.

Animated Hero Sections & Scroll Effects

@lukeed/html - Parse and Edit HTML Strings.

Parse and Edit HTML Strings

AdminKit - Customizable Bootstrap 5 Admin Dashboard Framework.

Customizable Bootstrap 5 Admin Dashboard Framework

Arrow Controls - jQuery Time Picker with Hour and Minute.

jQuery Time Picker with Hour and Minute

effect-atlas - Web motion effects in plain JavaScript, written for your AI to build into your site.

Discover more JavaScript & CSS Libraries →

React, Next.js & UI Components

LiquiKit - Liquid Glass React UI Component Library.

Liquid Glass React UI Component Library

bigbullui - Tactile React UI Component Library for Tailwind CSS.

Tactile React UI Component Library for Tailwind CSS

goopUI - Physics-Driven Gooey UI Component Library.

Physics-Driven Gooey UI Component Library

Wisty UI - Salesforce-Style UI Component Library.

Salesforce-Style UI Component Library

Looseleaf - Hand-Drawn Shadcn-like UI Component Registry.

Hand-Drawn Shadcn-like UI Component Registry

SVAR React Kanban - Drag-and-Drop Kanban Component with Card Editing.

Drag-and-Drop Kanban Component with Card Editing

React swipeable cards - Headless Card Stacks with Swipe Controls.

Headless Card Stacks with Swipe Controls

munim-maps - React Native Maps with Animated 3D Models.

React Native Maps with Animated 3D Models

Discover more Next.js & shadcn/ui resources →

Web Dev Tools & Resources

Rune - A native GPU-rendered Rust UI framework for macOS, Windows, Linux and the web, with its own renderer, text, layout and springs.

terminal-mac - A separate macOS desktop for computer-use agents, viewed and controlled from a terminal.

BUI - Blender's GPU Accelerated UI, Decoupled from it's original codebase.

gputaskman - A GPU task manager for Windows, Linux, and WSL: per-process VRAM, GPU activity, and LLM model/KV-cache insights (Windows AMD and NVIDIA).

open-bot-avatar - A JSON spec and renderer for interactive agent avatars.

mygo-music - A native music player you extend with plugins.

sand3d - 3D modeling in Python, built for LLMs.

lemmings - Little pixel walkers that roam any web page.

spindle - The web framework for modern OCaml.

kgdiff - git diff for knowledge graphs: semantic, visual diff and review for RDF, OBO and JSON graphs.

Curated AI Tools for Developers and Designers

GPT-6 Cyber - OpenAI’s cybersecurity model for finding and validating exploitable software vulnerabilities within authorized scopes.

Gemini Omni 1.2 Flash - Generates 15-second videos that you can revise through follow-up prompts.

ChatGPT Images 2.6 - Adds animated GIF creation and generates images 50% faster than the previous version.

Kimi K3.1 Pro - Moonshot AI has released the complete model weights for self-hosted deployment.

Tencent Hy4 - Adds visual understanding and computer-use capabilities to Tencent’s flagship AI model.

Personal Finance in Claude - Answers spending and balance questions using connected bank and card accounts.

Crush CLI - An open-source command-line AI agent supporting multiple language models for code generation. Switch between OpenAI, Claude, and Gemini in your terminal.

Screenplay - Free AI Agent Screen Recorder for Web and Desktop.

Browse more AI tools for developers →

Design Freebies

Icon Monks - 6,000+ Free SVG Icons in 6 Weights.

6,000+ Free SVG Icons in 6 Weights

Medeo Font Family - Free Sans, Serif, Mono & Pixel.

Free Sans, Serif, Mono & Pixel

Vellum Rooms UI Kit - Vellum Rooms App iPhone DUO UI Kit for Figma.

Vellum Rooms App iPhone DUO UI Kit for Figma

Discover more Design Freebies →

Read This Week

7 Best Free AI Email Writers for Drafts and Replies

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

AI Coding Plan Comparison 2026: Prices, Limits, and Features

AI Product Release Calendar: Major AI Tool Launch Dates