Weekly Web Design & Development News: Collective #600
A roundup of the latest and most popular development & design resources (Javascript & CSS libraries, Code snippets, Web Dev News & Resources, Curated AI Tools, Graphic Design Freebies, etc.) from the past week (Week 15, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
8bitcn-ui - Lightweight & Versatile JavaScript Animation Engine (Live Demo)
Card Carousel - CSS-only Infinite Card Carousel with Smooth Gradient Transitions. (Live Demo)
copy-llms-txt - Copy Web Content as Markdown for LLMs. (Live Demo)
AnimateVanilla.css - Modern CSS Animation Library Using Custom Properties. (Live Demo)
ribbon-tile - Create Infinite Scrolling Ribbons with ribbon-tile Web Component. (Live Demo)
DotWave - Create Interactive Particle Backgrounds with Pure JavaScript. (Live Demo)
prompt-kit - High-quality UI Components for AI Applications & SaaS.
StrictlyJS - A JavaScript library that handles client-side form validation with minimal configuration. (Live Demo)
shadstrap - Bootstrap 5 Theme with shadcn/ui Aesthetics. (Live Demo)
Datastar - Helps you build reactive web applications with the simplicity of server-side rendering and the power of a full-stack SPA framework. (Live Demo)
3D Multiplayer - A lightweight 3D web-based multiplayer starter kit using Three.js, React, and SpacetimeDB. (Live Demo)
Fancy - A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. (Live Demo)
mentoss - The best way to mock JavaScript fetch requests.
OpenRouter Kit - A powerful, flexible, and user-friendly TypeScript/JavaScript library for interacting with the OpenRouter API.
Kilpi -The open-source TypeScript authorization library designed for developers who need flexible, powerful, and intuitive authorization. (Live Demo)
permix - A lightweight, framework-agnostic, type-safe permissions management library. (Live Demo)
Elemap - TS library allowing to create interactive game maps of various types, rendered using HTML elements and CSS. (Live Demo)
grad-motion - JavaScript library for creating, animating, and manipulating CSS gradients and background patterns with ease.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
liam - Automatically generates beautiful and easy-to-read ER diagrams from your database.
benchjs - Browser-based JavaScript benchmarking tool.
shortcut-menus - A web interface to help create beautiful menus in the iOS Shortcuts app.
UI Inspector - Inspect and edit any element on any web page.
GitHubFolio - Turn your GitHub profile into a stunning minimal portfolio website with just your username.
Bare - Actually Run Javascript Everywhere.
llms-txt.io - Generate llms.txt files for AI-friendly websites.
Graphfast - Create beautiful line graphs in less than 120 seconds.
Graphic Design Freebies
3D Crypto Icons - 72 Free Premium 3D Crypto Icons.
FURS - Free Typeface Inspired by 80s Music Art.
Discover more Graphic Design Freebies →
Curated Free AI Tools
MCP Servers - A directory of curated & open-source Model Context Protocol servers.
Firebase Studio - A complete web-based development workspace from Google, designed to make it faster and easier to build, ship, and manage full-stack, multiplatform apps from the comfort of your browser.
GitSummarize - Turn Any GitHub Repo into Instant Documentation.
Sitemcp - Use sitemcp to fetch websites and serve them as MCP servers for Claude Desktop, Cursor, etc.
Browserable - Open source and self-hostable browser automation library for AI agents.
DeepCoder - Data-Driven Software Recommendations.
Agent2Agent - An open protocol to enable AI agents from different vendors and frameworks to securely communicate, collaborate, and coordinate actions across enterprise platforms.
EasyControl Ghibli - Turn Your Images into Ghibli Art with Free AI.
self.so - Turn Your Resume/LinkedIn into a Personal Website.
News & Articles
The 2025 AI Index Report from Stanford (Link)
Default styles for h1 elements are changing (Link)
CSS Custom Properties vs. Sass Variables: A Pragmatic Guide (Link)
Making :visited more private (Link)
Use shape() for responsive clipping (Link)
Better typography with text-wrap pretty (Link)
JavaScript & CSS Snippets
Transaction list with view transitions
See the Pen transaction list with view transitions by Danny Moerkerke (@dannymoerkerke) on CodePen.
Museum of Clocks
See the Pen Museum of Clocks by Alexandre Vacassin (@alexandrevacassin) on CodePen.
Sticker filter
See the Pen Sticker filter by Kevin Grajeda (@kevin-carlos-grajeda-a) on CodePen.
Grainy sunburst
See the Pen grainy sunburst by Ana Tudor (@thebabydino) on CodePen.
Avatar Indicators, using CSS Mask / Trig
See the Pen Avatar Indicators, using CSS Mask / Trig by Simon Goellner (@simeydotme) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #599
- Next: None
