Weekly Web Design & Development News: Collective #625
Everything you need to know in development & design this week, rounded up for you (Week 41, 2025).
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:
- OpenAI's new Sora 2 model is here, and it's generating mind-bendingly realistic video.
- Anthropic drops Claude Sonnet 4.5, powering a new Claude Code to handle complex dev tasks right in your terminal.
- ️ Generate browser automation code without writing a linethis tool does it just by watching your mouse move.
- Launch your next project in record time with two production-ready Next.js templates for agencies and MVPs.
- An absolutely brilliant interactive guide to finally mastering SVG paths.
- Swipe through the latest research papers TikTok-style with the new ArXivTok interface.
- 22 other great resources, tools, and articles
- 3 design freebies and snippets
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
farm-ui - Animation-Rich UI Component Library with shadcn/ui.
RadarChartJS - Responsive Customizable SVG Radar Charts in JavaScript.
workers-oauth-provider - A TypeScript library that implements the provider side of the OAuth 2.1 protocol with PKCE support.
TimeSync - A lightweight TypeScript + JavaScript utility that displays the current local and UTC time in the terminal.
ascii-vibes - A zero-dependency JavaScript library and CLI tool that generates stylish ASCII and emoji banners.
ream.js - A comprehensive, functional datetime library for JavaScript/TypeScript with immutable data structures, real IANA timezone database support, and a plugin system.
agency-kit-site - A beautiful, fully responsive, and SEO-optimized website template built with Next.js 15, Tailwind CSS, and shadcn/ui.
launch-mvp-stripe-nextjs-supabase - A production-ready Next.js template featuring authentication, dark mode support, Stripe integration, and a clean, modern UI.
TsFluent - A powerful and fluent Result type implementation for TypeScript, providing a clean and expressive way to handle success and failure states in your code.
unplugin-jsx-source - Automatically annotate your JSX components with a `data-at` attribute indicating the file name and line number for easier debugging and development.
ArXivTok - A TikTok-style interface for exploring research papers across multiple sources including arXiv, medRxiv, bioRxiv, PubMed and HackerNews.
React Native Smart Assistant - A React Native library for integrating an OpenAI-powered chatbot assistant into your app.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Free Markdown to EPUB Converter - Create EPUB books from your Markdown files.
webbol - A minimal static web server written in COBOL.
ShortMoji - A lightweight python program that makes it easy to insert emojis and special characters anywhere with simple keyboard shortcuts.
AutoMouser - Automatically generates browser automation code from your mouse movements, capturing every click, drag, and hover to streamline your workflow and build robust, repeatable tests.
Dayflow - Turns your screen activity into a clean timeline with AI summaries and distraction highlights.
SandboxAI - An open source runtime for securely executing AI-generated Python code and shell commands in isolated sandboxes.
Graphic Design Freebies
Rondira Geometric Font - A geometric display font that adds a playful and quirky energy to design projects.
App Icons - 55 Free High-Resolution App Icons.
Octo - Free Crypto Wallet Figma Design System for iPhone.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Sora 2 - OpenAI’s latest video generation model that is more physically accurate, realistic, and more controllable than prior systems.
Sora iOS App - Turn your ideas into videos and drop yourself into the action.
Opera Neon - An agentic browser that understands your intent, assists with tasks, and takes actions.
Comet - The AI browser that acts as a personal assistant, now available worldwide for free.
Claude Sonnet 4.5 - Anthropic’s best model in the world for agents, coding, and computer use.
Claude Code 2.0 - Powered by Sonnet 4.5, Claude Code now handles longer, more complex development tasks in your terminal and IDE.
DeepSeek-V3.2-Exp - Built on V3.1-Terminus, it debuts DeepSeek Sparse Attention (DSA) for faster, more efficient training & inference on long context.
Cursor CLI - Cursor’s official CLI built to help you ship, right from your terminal.
News & Articles
WebKit Features in Safari 26.0 (Link)
The Best CSS Unit Might Be a Combination (Link)
A complete guide to HTTP caching (Link)
3D Layered Text: The Basics (Link)
An Interactive Guide to SVG Paths (Link)
JavaScript & CSS Snippets
Glassmorphic Card with Glow Cursor & Reactive Border
See the Pen Glassmorphic Card with Glow Cursor & Reactive Border by Franco Beltramella (@Franbeltramella) on CodePen.
CRT-like effect with VFX-JS
See the Pen CRT-like effect with VFX-JS by Amagi (@fand) on CodePen.
Dynamic Carousel Slider with Infinite Scoll
See the Pen Dynamic Carousel Slider with Infinite Scoll by Harshit Kumar Singh (@haptichash) on CodePen.
3D Slider Cards
See the Pen 3D Slider Cards by NIDAL (@Nidal95) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #624
- Next: None
