Weekly Web Design & Development News: Collective #586
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 1, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Rabbit - A lightweight, customizable multi-purpose modal library for modern web applications. (Live Demo)
Neubrutalism - A minimalist, high-contrast CSS library inspired by Brutalist design principles. (Live Demo)
Featurastic UI - A JavaScript library that helps you create modern, responsive, cyberpunk-style buttons for web applications. (Live Demo)
Card Slider - A responsive, animated, accordion-style card slider built using only HTML and CSS. (Live Demo)
firew0rks - Play text art animations in your terminal.
Franken UI - An HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. (Live Demo)
Tinijs - A collection of tools for building web applications from start to finish. (Live Demo)
fastmcp - A TypeScript framework for building MCP servers.
parserator - An elegant parser combinators library for Typescript.
Pretch - A lightweight and flexible fetch enhancement library that works with vanilla JavaScript, React, and Preact.
z-js - The literally low mental overhead js framework.
Bundle Size Tracker - A powerful and flexible tool to track and analyze JavaScript bundle sizes across different build tools.
css-counter-value - Convert CSS counter() values to integers without JS.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Glimpse - A blazingly fast tool for peeking at codebases.
Termtel - A modern, cyberpunk-inspired terminal emulator with integrated network device monitoring capabilities.
simple-shadcn-cli - A CLI tool for creating shadcn-cli custom registry items.
fasturl - A Chrome extension for quickly fetching and converting web content to Markdown format.
gitdiagram - Replace 'hub' with 'diagram' in any GitHub url to instantly visualize the codebase as an interactive diagram.
Clip2Code - Convert youtube videos to detailed code.
Graphic Design Freebies
Neo Light Social Icons - A set of 10+ free 3D neon light social media icons that have a Cyber-Tec style with multiple angles.
HISTORIC Font - A handwritten font that replicates traditional school text.
2025 Desk Calendar - Illustrated 2025 Desk Calendar Printable PDF
Discover more Graphic Design Freebies →
Curated Free AI Tools
Image to Prompt Pro - Transform images into detailed AI prompts and descriptions instantly.
Hika AI - A free and AI-powered search & research engine that addresses a critical shortcoming in traditional search engines: the lack of interactivity and depth.
Color Analysis - My Color Analysis AI transforms color analysis by providing instant, AI-powered personal color recommendations.
News & Articles
Web Design and Tech Predictions for 2025 (Link)
How to Develop a Serverless Mindset to Write Less Code (Link)
What's new in Svelte: January 2025 (Link)
JavaScript & CSS Snippets
Mouse hold
See the Pen Mouse hold by Alinaki (@alinaki) on CodePen.
Pricing Interaction (HTML , CSS & JS)
See the Pen Pricing Interaction (HTML , CSS & JS) by Vanaja Kothai (@Vanaja-Kothai) on CodePen.
Simple switch with led indicator
See the Pen Simple switch with led indicator by Chris Bolson (@cbolson) on CodePen.
Button-Like Checkboxes and Radios
See the Pen Button-Like Checkboxes and Radios by Jon Kantner (@jkantner) on CodePen.
