jQuery Script Blog

Weekly Web Design & Development News: Collective #670

by jQueryScript,

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

Drawably - Animated Handdrawn UI Controls for JavaScript.

Animated Handdrawn UI Controls for JavaScript

Brightpixels - JavaScript Library for WebGPU HDR Text, Glow & Particles.

JavaScript Library for WebGPU HDR Text, Glow & Particles

BoardUI - React Design System for Agent UIs & Dashboards.

React Design System for Agent UIs & Dashboards

iPhone Duo Mockup - Realistic iPhone Duo in Hands Mockup for Figma.

Realistic iPhone Duo in Hands Mockup for Figma

ChatGPT Images 2.5 - OpenAI’s new state-of-the-art image model that brings sharper details, more precise editing, and faster generation to your creative workflows.

Get Next Week's Picks

JavaScript & CSS

Pretext - Fast DOM-Free Text Height Measurement.

Fast DOM-Free Text Height Measurement

Snowflakes.js - Creating Customizable Snowfall with JavaScript.

Creating Customizable Snowfall with JavaScript

Lightbox3 - Image Gallery Lightbox with Touch & Zoom Support.

Image Gallery Lightbox with Touch & Zoom Support

loadersz - 160 Canvas Loading Animations for the Web.

Sortable, Editable, Filterable Data Grid Web Component

MicroLighter - Tiny CSS Highlight API Syntax Highlighter.

Tiny CSS Highlight API Syntax Highlighter

loadersz - 150 Canvas Loading Animations for the Web.

150 Canvas Loading Animations for the Web

Hyalite.js - SVG Liquid Glass Refraction for HTML Elements.

SVG Liquid Glass Refraction for HTML Elements

Wunderbaum - JavaScript Tree/TreeGrid with Drag, Edit & Filter.

JavaScript Tree/TreeGrid with Drag, Edit & Filter

Jedison - JSON Schema Form Generator and Validator.

JSON Schema Form Generator and Validator

dylanTicker - Retro LED Ticker Web Component.

Retro LED Ticker Web Component

AvalynxToast - Dynamic Toast Notification JS Library for Bootstrap 5.

Dynamic Toast Notification JS Library for Bootstrap 5

context-menu - Custom Top-Layer Context Menu Plugin for jQuery and JavaScript.

Custom Top-Layer Context Menu Plugin for jQuery and JavaScript

reveal.js - Beautiful HTML Presentation Library.

Beautiful HTML Presentation Library

SurveyJS Form Library - JavaScript Surveys, Forms & Quizzes.

Extended Date and Time Picker jQuery Plugin for Bootstrap 5

Discover more JavaScript & CSS Libraries →

React, Next.js & UI Components

ConvertFast UI - Generate Editable Next.js Landing Pages.

100+ shadcn AI Components for Browser & Cloud

Nuxt Pages Plus - Parallel & Modal Routes for Nuxt.

Parallel & Modal Routes for Nuxt

Editorcn - React Rich Text Editors for shadcn/ui.

React Rich Text Editors for shadcn/ui

Microcharts - Word-Sized SVG Charts for React.

Word-Sized SVG Charts for React

Liquid Glass Screens - React Native Expo Welcome.

Claymorphism UI Component Library

react-native-cupertino-tabs - Native iOS segmented tabs.

Native iOS segmented tabs

Discover more Next.js & shadcn/ui resources →

Web Dev Tools & Resources

M3E Canvas - Sketch Material 3 Expressive screens in the browser, link them, tap through them, and copy a prompt for your AI coding tool.

agent-native - A framework for building agentic apps.

camera-to-blender - Take a photo of real objects, and paste them in Blender.

image-to-3d-pipeline - Reconstruct 3D meshes from images with several open-source models and score which did it best.

toast - A batteries-included, beautiful, in-terminal IDE.

motion-web - Build motion-first, high-touch creative websites on vanilla Three.js / Canvas 2D / WebGL / CSS.

Gridline - An independent, Excel-inspired spreadsheet application built with plain HTML, CSS, and JavaScript.

pracht - A framework for Preact that deploys anywhere.

cn - A new engine for Tailwind class merging and conflict resolution.

Curated AI Tools for Developers and Designers

Muse AI - An agent that gets to know you over time necessarily holds a lot of context about you.

Mole - Open-Source AI Deep Research Agent with Budget Controls.

DeepSeek-V4.1-Flash - A multimodal Mixture-of-Experts (MoE) model with 552B backbone parameters and support for contexts of up to one million tokens.

Suno v6 - A new generation of music models developed with our industry partners, including Warner Music Group, BMG and Believe.

Switch - Bring any AI agent into Slack, Teams & Discord.

Muse Spark 1.3 - Meta Superintelligence Labs’ latest model update for long-horizon agentic work and coding.

Terax AI - Lightweight Terminal-First Development Workspace.

Cursor Projects - A new workspace for long-running software projects maintains context over time, delegates work to subagents, and supports recurring tasks.

holaOS - A local-first agentic workspace lets Claude Code, Codex, and its built-in agent work with shared files, memory, skills, apps, and MCP connections.

Browse more AI tools for developers →

Design Freebies

AI Brand Logos - AI Brand Logos SVG Pack for Figma.

AI Brand Logos SVG Pack for Figma

iPhone Duo UI Kit - Free iPhone Duo iOS 27 UI Kit for Figma.

Free iPhone Duo iOS 27 UI Kit for Figma

Classic Food Icons - 700+ Free Classic Food Icons (SVG & PNG).

700+ Free Classic Food Icons (SVG & PNG)

Discover more Design Freebies →

Read This Week

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

The Ultimate Codex Resource List 2026: Skills, Plugins, MCP, SDKs & More

400+ Most Popular Agent Skills on GitHub for Coding Agents

How to Use Kimi K3 in Codex & Claude Code

10 Best CLI AI Coding Agents in 2026: Open-Source & Commercial