Weekly Web Design & Development News: Collective #661
Everything you need to know in development & design this week, rounded up for you (Week 26, 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:
Torph - Animated Text Morphing for Vanilla JS, React, Vue, and More.
DOM-to-PPTX v2 - High-Fidelity HTML to PowerPoint Converter in JavaScript.
JsBarcode - JavaScript Barcode Generator for SVG and Canvas.
FullCalendar v7 - JavaScript Event Calendar with Drag & Drop.
eve - The framework for building agents.
Get Next Week's Picks
JavaScript & CSS
OpenSeadragon - Zoomable Image Viewer in JavaScript.
Oat UI - Lightweight & Semantic UI Component Library.
DXCharts Lite - Intuitive Charting Library for Financial Data.
NumericText - SwiftUI-Style Text Transitions for the Web.
Relative Time Element - A web component that formats ISO timestamps as localized dates, relative time text, or duration strings.
Lightbox3 - Image Gallery Lightbox with Touch & Zoom Support.
snapDOM - Fast & Accurate DOM to Image Capture Library.
chart.xkcd - Hand-drawn Style SVG Chart Library.
SurveyJS - Advanced Survey/Feedback/Quiz Library in JavaScript.
transitions.dev - Collection of the most essential transitions for web apps including product motion skill.
polycss - A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms.
Discover more JavaScript & CSS Libraries →
React, Next.js & UI Components
shadcn-dialog - Create Nested & Drag-to-dismiss Modals.
ogimagecn - Customizable Open Graph Image Components for Next.js.
Liquid Glass Lens - Draggable Liquid Glass Lens Component for React & Next.js.
Liquid Glass - WebGL2 Refraction Lens for Next.js and React.
Calligraph - React Text Transitions with Motion.
react-native-collapsible-tab - React Native Collapsible Header Tabs Component.
agentcn - shadcn/ui, but for building agents.
animations - Svelte 5 Animations includes Magic UI, Spell UI build using Tailwind CSS & Motion SV.
react-native-call-audio - In-call audio session ownership and output routing (earpiece / speaker / bluetooth / wired) plus proximity-to-screen-off, for React Native (Expo Modules API, New Architecture).
Athena-personal-academic-page - A modern personal academic page framework built with React and Vite.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
sentry-javascript - Official Sentry SDKs for JavaScript.
lore - A next-generation, open source version control system.
kage - Shadow any website for offline viewing, with the JavaScript stripped out.
loupe - A privacy-focused iOS app that raises awareness about what native apps can see.
sqltoerdiagram - A free, open-source online ERD generator.
make-look-scanned - Makes PDFs look scanned (CLI or in the browser via WASM).
httpinspect - Turns the HTTP requests crossing your host into a live top-style table.
pagecast - Publish local HTML, Markdown, and static mini apps to shareable Cloudflare Pages URLs from the terminal or coding agents.
Tiny - A lightweight programming language built with Go.
Curated AI Tools for Developers and Designers
MemPalace - Free Local AI Memory System With 96.6% Recall.
OfficeCLI - Create & Edit Word, Excel, and PowerPoint Files with AI Agents.
Twenty CRM - Open-Source Salesforce Alternative With AI Agents.
GLM-5.2 - Z.ai’s new flagship model that delivers powerful coding capabilities, usable 1M-context support, and continued strengths in long-horizon tasks.
Claude Code Artifacts - Preview and share your coding work live as it happens.
Daemons - Gives engineering teams always-on AI daemons that keep work moving after coding agents create it.
MDN MCP server - Brings MDN’s documentation and browser compatibility data directly into your AI agent or IDE.
Seedance 2.0 Mini - A lighter Seedance model tier designed for fast drafts, affordable iteration, and everyday short-form video creation.
Browse more AI tools for developers →
Design Freebies
SaaS Dashboard - SaaS Dashboard Figma UI Kit for Analytics & CRM.
iOS 27 Siri AI Mockup - iOS 27 Siri AI Mockup for Figma.
iOS 27 UI Kit - iOS 27 with Liquid Glass UI Kit for Figma.
Discover more Design Freebies →
Read This Week
How we built an internal data analytics agent
A detailed look at how GitHub approached an internal analytics agent, from data access and context retrieval to the evaluation work needed before people can rely on its answers.
A useful benchmark comparison for developers evaluating newer coding models, with enough detail to separate broad benchmark claims from the trade-offs that affect daily coding work.
The golden rule of Customizable Select
WebKit’s practical guidance on the new customizable select work, with a clear accessibility lesson that matters when you replace native option labels with icons or richer UI.
Firefox 152 release notes for developers (Stable)
A concise release roundup for checking which new Firefox capabilities, CSS behavior, and web-platform changes may affect cross-browser work.
200+ Most Popular Agent Skills on GitHub for Coding Agents
A categorized reference for finding agent skills by coding workflow, then narrowing the list before deciding what belongs in your local or team agent setup.
- Prev: Weekly Web Design & Development News: Collective #660
- Next: None
