Weekly Web Design & Development News: Collective #654
Everything you need to know in development & design this week, rounded up for you (Week 18, 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:
- SpaceXAI and Cursor AI are joining forces to build the ultimate AI coding assistant.
- OpenAI introduces GPT-5.5, taking a major leap toward intuitive, thinking-level AI.
- Bring decentralized conversations to your projects by easily embedding Bluesky comment threads.
- Clean up your base styles with a modern, low-specificity CSS reset utilizing the
:where()pseudo-class. - Make your web apps more engaging by easily dropping in UI sound effects with the Tiks library.
- Find out if your website is optimized for the future with a free AI agent compatibility audit.
- +42 other great dev resources and tools
- +3 design freebies and typography assets
- +3 more industry news updates and articles
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
tiks - Add UI Sound Effects to Web Apps With Tiks and Web Audio API.
reset-css - Modern CSS Reset Stylesheet with :where() Low Specificity.
liquidglass - WebGL Liquid Glass Effect for HTML Elements.
bsky-comments - Embed Bluesky Comment Threads Anywhere.
Two-Direction-Sticky-Sidebar - Two Direction Sticky Sidebar For Vanilla JS.
mobile-swipe-menu - Vanilla JS Offcanvas Side Menu.
neiki-editor - Self-Hosted WYSIWYG Editor in Vanilla JS.
easyScroll - Auto Smooth Marquee Scroller Plugin for jQuery.
cssframes - Horizontal and Vertical Scrolling Ticker.
formisch - The modular and type-safe form library for any framework.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
loading-ui - 36+ Copy-paste Loading Components for React.
scificn-ui - Retro Sci-Fi React Components with TailwindCSS.
Nexus UI - Copy-paste React Components for AI Chat UI.
Devstarter - Cyberpunk Developer Portfolio Template for Next.js.
Booking Calendar - Multi-Timezone Booking Calendar for React and shadcn/ui.
Pittaya UI - Accessible React Component Library with shadcn.
expo-agent-spinners - 50+ Terminal Loading Spinners for Expo and React Native.
Pretty Toast - React Native Dynamic Island Alerts.
giggles - Batteries-included react framework for building rich terminal apps.
docx-editor - Open-source WYSIWYG DOCX editor for the browser.
expo-ios-like-swipe-actions - iOS-like smooth swipe actions for React Native.
react-native-tap-to-pix - React Native library that implements BACEN's Tap to Pix protocol end-to-end.
astro-blank - A minimal Astro starter with zero bloat; just the essentials to build anything.
react-trace - A development-time React inspector for your components.
react-native-diffs - Diff library for React Native.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
ai-website-cloner-template - Clone any website with one command using AI coding agents.
openai-cs-agents-demo - Demo of a customer service use case implemented with the OpenAI Agents SDK.
quien - A better whois and domain intelligence toolkit.
GoModel - Lightweight unified OpenAI-compatible API for OpenAI, Anthropic, Gemini, Groq, xAI & Ollama.
skir - A declarative language for defining data types, constants, and APIs.
tabula-docs - Static, dependency-free API documentation driven by a single JSON file.
sugarcube - Design tokens in, CSS and components out.
visual-agentic-dev - An immersive browser dev environment with a seamless click-to-locate + agent edit loop.
ratty - A next-gen terminal emulator for all the terminal rats.
officeParser - A robust, strictly-typed Node.js and Browser library for parsing office files (docx, pptx, xlsx, odt, odp, ods, pdf, rtf).
Graphic Design Freebies
Brand Logos - 500+ Free SVG Brand Logos for Figma.
MacOS 26 Folder Icons - 18 Free MacOS 26 Folder Icons in Figma.
Endless Font - Endless Free Geometric Sans Serif Font.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Gemma Gem - Private On-Device AI Agent for Chrome.
Font Vibe - Free AI Text Effect Generator for Logos, Thumbnails & Posts.
Build Check - Free Product Idea Validator for Vibe Coders.
Is Your Site Agent-Ready - Free Tool to Audit AI Agent Compatibility.
ASI:One - Free AI Assistant With 2M+ Agents and Persistent Memory.
GPT-5.5 - OpenAI’s smartest and most intuitive to use model yet, and the next step toward a new way of getting work done on a computer.
DeepSeek v4 - A new series of highly efficient MoE language models, featuring V4-Pro (1.6T params) and V4-Flash (284B params).
ChatGPT Images 2.0 - A state-of-the-art image model that can take on complex visual tasks and produce precise, immediately usable visuals, with sharper editing, richer layouts, and thinking-level intelligence.
Kimi K2.6 - An open-source, native multimodal agentic model that advances practical capabilities in long-horizon coding, coding-driven design, proactive autonomous execution, and swarm-based task orchestration.
Qwen3.6-27B - A dense 27-billion-parameter multimodal model at the scale the community has been asking for most.
News & Articles
The Ultimate Claude Code Resource List (Link)
SpaceXAI and Cursor AI are now working closely together to create the world’s best coding and knowledge work AI. (Link)
Firefox 150 release notes for developers (Stable) (Link)
Android CLI and skills: Build Android apps 3x faster using any agent (Link)
How exposed is your code? Find out in minutes—for free (Link)
- Prev: Weekly Web Design & Development News: Collective #653
- Next: None
