Weekly Web Design & Development News: Collective #651
Everything you need to know in development & design this week, rounded up for you (Week 15, 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!
Highlights:
- servercn brings the magic of shadcn/ui component copy-pasting straight to your Node.js backend.
- Run Node.js natively right in your browser with the insanely lightweight almostnode runtime.
- Learn how to build awesome, fully 3D voxel art using nothing but pure SVG.
- Easily drop an interactive mind map into your Next.js projects with a fresh shadcn/ui component.
- terminaltui is a fun new tool that turns literally any website into a slick, retro terminal UI.
- EmDash is styling itself as the spiritual successor to WordPress, promising to solve plugin security nightmares forever.
- Cursor 3 just dropped, offering developers a unified workspace to build software alongside AI agents.
- +24 other rad web dev resources, libraries, and tools
- +16 design freebies, UI snippets, and cutting-edge AI models
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
pretext - Fast DOM-Free Text Height Measurement.
heerich - Build 3D Voxel Art in SVG.
Material Symbols Picker - Material Design Icon Picker in Vanilla JavaScript.
searchdown - Tagging & Searchable Dropdown with Multi-Select.
particles-js - Canvas Particle Animation Library for Web Backgrounds.
bootstrap-right-click - Navbar-Synced Context Menu for Bootstrap 5.
StickyChat.js - Sticky WhatsApp Floating Chat Button
boneyard - Auto generated skeleton loading framework.
math-curve-loaders - A lightweight gallery of mathematical curve based loading animations with modal previews, formulas, and copyable code snippets.
almostnode - A lightweight, browser-native Node.js runtime environment.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
mindmapcn - Mind Map Component for shadcn/ui.
facehash - Generate Deterministic Avatar Faces in React/Next.js.
react-tourlight - Guided Onboarding Tours for React Apps.
react-headless-carousel - Glassmorphism UI Component Library with TailwindCSS.
React2AWS - Write AWS infrastructure like you write React components.
nuxt-edge-ai - Nuxt module for local-first AI apps with server-side WASM inference via Transformers.js and ONNX Runtime.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
MonoSketch - An ASCII graph drawing app.
JSON-Alexander - A really good JSON viewer browser Extension.
servercn - The backend component registry for Node.js inspired by shadcn/ui.
dither - Upload an image and watch it come alive as interactive dithered particles.
textual-diff-view - A Textual widget for beautiful diffs in the terminal.
storm - A compositor-based terminal UI framework.
termui - TypeScript terminal UI framework.
shovel - Run Service Workers anywhere.
terminaltui - Turn any website into a beautiful terminal experience.
Graphic Design Freebies
ST Pinkman Font - ST Pinkman Signature Script Font.
Photoshop Brushes - 30+ Free Photoshop Brushes and Scribbles.
Y2K Abstract Shapes - Neon Y2K Abstract Shapes in Figma.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
SnapAI CLI - AI-Powered App Icon Generator for Developers.
OpenSpace - Open-source Self-Evolving Engine for AI Agents.
PopTask - Free AI Menu Bar Task Manager for macOS.
lil agents - Free AI Dock Companions for macOS.
Veo 3.1 Lite - Google’s latest and most cost-effective video generation model.
Qwen3.6-Plus - A high-performance large language model (LLM) focused on “agentic” AI capabilities.
Wan 2.7-Image - Interactive pixel-level editing and consistent storyboards.
Luma Uni-1 - A multimodal reasoning model that can generate pixels.
Gemma 4 - A family of state-of-the-art, open-weights AI models designed specifically for efficient, on-device, and offline use.
Cursor 3 - A unified workspace for building software with agents.
News & Articles
EmDash — the spiritual successor to WordPress that solves plugin security (Link)
Monitor and improve your web app’s load performance. (Link)
Experimenting With Scroll-Driven corner-shape Animations (Link)
10 Best Free AI Tools for Frontend Developers in 2026 (Link)
- Prev: Weekly Web Design & Development News: Collective #650
- Next: None
