jQuery Script Blog

Weekly Web Design & Development News: Collective #671

by jQueryScript,

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

GlowTour.js - JavaScript Product Tour & Onboarding Library.

JavaScript Product Tour & Onboarding Library

NeonBlade UI - Futuristic React Components for Tailwind CSS.

Futuristic React Components for Tailwind CSS

GPT-6 Sol and Luna - OpenAI’s new GPT-6 Sol and Luna deliver GPT-6 capabilities at lower API prices.

Claude Opus 5.5 - Anthropic’s new Opus model with 40% lower typical workload costs.

iPhone 18 Pro Mockups - iPhone 18 Pro Figma Mockup in 3 Angles.

iPhone 18 Pro Figma Mockup in 3 Angles

Get Next Week's Picks

JavaScript & CSS

semfont - Meaning-Aware Typography for JavaScript.

Meaning-Aware Typography for JavaScript

mastodon-post - Turns a public Mastodon status URL into an inline post.

turns a public Mastodon status URL into an inline post

ripple-effect - Material Design Ripples in JavaScript.

Material Design Ripples in JavaScript

x-mega-menu - Vanilla JS Responsive Mega Menu with Mobile Sideba.

Vanilla JS Responsive Mega Menu with Mobile Sideba

icon-fall - Animate Falling Font Awesome Icons Web Component.

Animate Falling Font Awesome Icons Web Component

rich-input - Rich Search Input With Token Highlighting.

Rich Search Input With Token Highlighting

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

JavaScript Library for WebGPU HDR Text, Glow & Particles

data-grid.js - Sortable, Editable, Filterable Data Grid Web Component.

JavaScript Tree/TreeGrid with Drag, Edit & Filter

js-confetti - Custom Confetti Bursts in JavaScript.

Custom Confetti Bursts in JavaScript

mermaid-element - Render Mermaid Diagrams in HTML.

Render Mermaid Diagrams in HTML

Discover more JavaScript & CSS Libraries →

React, Next.js & UI Components

Rewamp UI - 70+ Copy-Paste Animated React Components.

70+ Copy-Paste Animated React Components

Calamansi UI - Animated React UI Components for Next.js.

React Rich Text Editors for shadcn/ui

svelte-rough - Create Hand-Drawn Canvas & SVG Graphics in Svelte Apps.

Create Hand-Drawn Canvas & SVG Graphics in Svelte Apps

Volix - Full-Stack Next.js SaaS Starter with shadcn/ui & MongoDB.

Full-Stack Next.js SaaS Starter with shadcn/ui & MongoDB

svelte-annotate - Hand-Drawn Text Annotations for Svelte.

Hand-Drawn Text Annotations for Svelte

Halaska UI - React & shadcn UI Kit for AI Products.

React & shadcn UI Kit for AI Products

DSSSP - React Audio Equalizer and Filter Visualization.

React Audio Equalizer and Filter Visualization

Gridora - Animated Grid Loaders for React.

Animated Grid Loaders for React

react-native-shared-hero - Native Shared Element Animations.

Native Shared Element Animations

drum-picker - Native Fabric Wheel Picker for React Native.

Native Fabric Wheel Picker for React Native

Discover more Next.js & shadcn/ui resources →

Web Dev Tools & Resources

Compositor - The Photoshop alternative for Mac.

Search - A small, fast WebKit browser for macOS, by Office Commun.

whiteboard - open-source canvas for thoughtful software design.

tinyjsapp - Build native apps in JS. Backend, frontend.

drop - Linux sandboxing that doesn't get in your way.

iphone-duo - Interactive iPhone Duo fold animation with projected screen UI, progressive blur, and custom image uploads.

fig - A TypeScript re-implementation of React.

react-native-screenshot-aware - React Native module for real-time screenshot detection on Android and iOS.

react-native-continued-task - Background tasks that keep running after your app is backgrounded, for React Native and Expo.

lollipop-css - A tiny CSS preprocessor for lazy developers.

Curated AI Tools for Developers and Designers

ZCode - Z.ai’s Open-Source AI Coding Workspace with Goal Mode.

OpenMuse - Open-Source Meta Muse Alternative for Personal AI Agents.

MiniMax Code - AI Coding Agent With MiniMax or Your Own Models.

MiMo-V2.6 - Xiaomi open-sourced a natively omnimodal model series built for agentic work.

Grok 4.7 - SpaceXAI’s new model focuses on longer-running coding and professional knowledge work.

Google CC - Google’s CC agent now coordinates shared household logistics for up to six family members.

Bolt Forge - Bolt.new’s new Forge agent builds apps with open-source AI models.

Jev - A new TypeSafe AI model that returns typed probabilistic decisions for software workflows.

Browse more AI tools for developers →

Design Freebies

xkcd Font - Handwritten TTF, WOFF & OTF.

AI Brand Logos SVG Pack for Figma

Open-Source SVG Icons - 225 Free Open-Source SVG Icons for AI Agent Design.

225 Free Open-Source SVG Icons for AI Agent Design

Free Tech Icons - 120 Free Tech Icons for Figma in Dark Glassmorphism Style.

120 Free Tech Icons for Figma in Dark Glassmorphism Style

Discover more Design Freebies →

Read This Week

10 Jev Use Cases: Real Projects & Demos

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

The Ultimate Jev Resource List 2026: SDKs, Agents, MCP Servers & More

100 Best DeepSeek Harness Plugins for DSH

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