Weekly Web Design & Development News: Collective #663

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:

ApexCharts.js v6 - Responsive, Interactive SVG Chart Library for Dashboards and Apps.

Responsive, Interactive SVG Chart Library for Dashboards and Apps

beUI - Animated UI Components/Blocks for React & Next.js.

Animated UI Components/Blocks for React & Next.js

Grok Build - SpaceXAI’s Open-source Terminal AI Coding Agent.

Liquid Glass - iOS-Style Refraction for Any Element.

iOS-Style Refraction for Any Element

AI Product Logos - 150+ Free AI Product Logos for Figma.

150+ Free AI Product Logos for Figma

Get Next Week's Picks

JavaScript & CSS

NYX - Dark-first UI Component Framework With RTL Support.

Dark-first UI Component Framework With RTL Support

ChatGPT Model Selector - AI Model Effort Selector with Magnetic Step Slider.

AI Model Effort Selector with Magnetic Step Slider

Claude Model Selector - Claude-Style Effort Slider Web Component.

Claude-Style Effort Slider Web Component

EaseMotion CSS - Animation-First UI Framework.

Animation-First UI Framework

ds.css - Nintendo DS Lite UI Framework in Pure CSS.

Nintendo DS Lite UI Framework in Pure CSS

relative-time-element - Relative Time Element for Time Ago Text.

Relative Time Element for Time Ago Text

CuiSlider - Range Slider Plugin With Dual Handles and Ticks.

Range Slider Plugin With Dual Handles and Ticks

LOEditor - jQuery WYSIWYG Editor With Clean HTML Output.

jQuery WYSIWYG Editor With Clean HTML Output

jqTreeSelect - Searchable Tree Multi-Select for jQuery.

Searchable Tree Multi-Select for jQuery

polycss - A CSS 3D engine for the DOM..

dom-docx - Convert semantic HTML fragments to native, editable Word documents (OOXML).

rm-pushnotify - A lightweight, easy-to-use JavaScript library that simplifies the process of managing browser notifications and service workers..

Discover more JavaScript & CSS Libraries →


React, Next.js & UI Components

7Ovr - 170+ Shadcn UI Blocks & Free Templates for React/Next.js.

170+ Shadcn UI Blocks & Free Templates for React/Next.js

UIAble - Shadcn/ui and Base UI Component Library for Next.js.

Shadcn/ui and Base UI Component Library for Next.js

Kairo UI - 10+ Free Modern Landing Page Templates for Next.js.

10+ Free Modern Landing Page Templates for Next.js

Astryx - An open source design system that's fully customizable and agent ready.

rn-expo-emoji-picker - Buttery-smooth emoji picker for React Native's New Architecture.

Discover more Next.js & shadcn/ui resources →


Web Dev Tools & Resources

Destructive Command Guard - A high-performance hook for AI coding agents that blocks destructive commands before they execute.

mellea - A Python library for writing generative programs..

aval - A new open-source format for interactive video on the web.

aube - A fast Node.js package manager.

agentfield - Build, run and scale AI agents like API and microservices.

mimic - Intercept any app, then call it from Python like a library.

transcribe.cpp - ggml speech-to-text inference for 16+ model families.

lexxy - A modern rich text editor for Rails.

goshot - Create beautiful code screenshots with customizable styles.

depsguard - Harden your package manager configs against supply chain attacks.


Curated AI Tools for Developers and Designers

Grok Build - SpaceXAI’s Open-source Terminal AI Coding Agent.

Branda - Free AI Tool That Turns Any Domain Into On-Brand Ads.

Kimi K3 - Kimi’s flagship model for long-horizon coding and end-to-end knowledge work, with a 1M-token context window and industry-leading intelligence.

Monogram AI for iPhone - AI Answers With a Generated Visual UI.

JustVibe - Free AI Search Engine That Builds Interactive Apps.

Unabyss for Claude - Shared memory across all apps and LLMs. In Claude.

Claude for K-12 teachers - A free, premium-tier AI platform tailored specifically for verified U.S. K-12 educators.

Second Brain for AI - Gives Claude, ChatGPT, Cursor, and every MCP-compatible tool a shared continuity layer.

Browse more AI tools for developers →


Design Freebies

AI Product Logos - 150+ Free AI Product Logos for Figma.

150+ Free AI Product Logos for Figma

CRM Dashboard - Dark CRM Dashboard UI Kit for Figma.

Dark CRM Dashboard UI Kit for Figma

Google Workspace 2026 Icons - New Google Workspace 2026 Icons for Figma.

New Google Workspace 2026 Icons for Figma

Discover more Design Freebies →


Read This Week

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

OpenAI Codex Commands Cheat Sheet

Antigravity CLI Cheatsheet: Commands, Setup, Shortcuts, and Workflows

360+ Most Popular Agent Skills on GitHub for Coding Agents