Weekly Web Design & Development News: Collective #601
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 16, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
WebTUI - Terminal-Inspired CSS Library for Retro Web UI. (Live Demo)
launch.css - A minimalist, classless CSS framework that helps you build and launch web projects quickly. (Live Demo)
GlitchEffect - Add Digital Glitch Effects to Images with Pure JavaScript. (Live Demo)
robroy - A lightweight, dependency-free JavaScript library that transforms your image collections into sleek, fullscreen lightbox galleries. (Live Demo)
growfield - Automatic Textarea Resizing in 1KB. (Live Demo)
premiumcalendar - A lightweight JavaScript library that provides customizable calendar, date picker, and date range picker functionality for modern web applications. (Live Demo)
sidebar-components - 6 Modern Responsive Sidebar Navigation Components for TailwindCSS. (Live Demo)
flake-ui - Fractal-structure inspired, parent-children orbiting, zooming-elements based interactive graph visualization user interface.
openai-fm - Code for openai.fm, a demo for the OpenAI Speech API. (Live Demo)
llama-flow - Simple, event-driven and stream oriented workflow for TypeScript.
hako - An embeddable, lightweight, secure, high-performance JavaScript engine. (Live Demo)
Tzezar Datagrid - Powerful. Flexible. Developer-friendly. Made with Svelte 5. (Live Demo)
@nkzw/core - Lightweight core JavaScript functions useful in any project.
smart-lazy-loader - Framework-agnostic smart lazy loading for images, components, and scripts.
TermStyle Pro - The most comprehensive and powerful terminal styling library with extensive color support, gradients, animations, and special effects.
hmpl - Server-oriented customizable templating for JavaScript. (Live Demo)
Tilted - Lightweight no-dependency TS library for displaying maps and other similar content in a modern 2.5D way. (Live Demo)
react-router-cloudflare-minimal - A minimal React Router + Cloudflare Workers template. (Live Demo)
dragdropx - A React drag and drop file upload component with progress indicator.
use-react-signals - Replace useState with useSignals for shared state and say goodbye to performance issues.
Time-Warp-Manipulation-Library - An NPM package that controls time in JavaScript with precision.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
markitdown - Python tool for converting files and office documents to Markdown.
vibemode - Pack your repo into an AI-friendly format and apply AI suggested changes back with ease, all from your terminal.
uptime-monitor - A uptime monitoring service that is easy and cheap to run at scale.
Repofiles - View the file structure of a GitHub repo.
CSS-only blurry image placeholders - A CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup.
typescript-go-playground - A playground that allows you to experience TypeScript 7 online.
Facebook Messenger JSON Viewer - A tool designed to help users view and analyze their Facebook Messenger data in a more readable format.
imagetocolor - Upload an image and discover beautiful color palettes extracted from your visuals.
MDXEditor - An open-source React component that allows users to author markdown documents naturally.
Graphic Design Freebies
Untyped Bold Display Typeface - A 100% free bold display font based on minimalist principles.
120+ Free Payment Method Icons - Over 120 options in 5 styles to improve your eCommerce user experience.
Chat & Messaging Web UI Kit - A free Figma design system with components, layouts, and themes for modern web chat.
Discover more Graphic Design Freebies →
Curated Free AI Tools
MCP Servers - A directory of curated & open-source Model Context Protocol servers.
Guidemaker - Records your actions & uses AI to create docs.
OminiControl Art - Transform images into Ghibli, Irasutoya, Simpsons, or Snoopy styles free.
InstantCoder - Generate Simple Web Apps Fast with Gemini API.
Meetily - Free, Private AI Meeting Transcription & Summary.
News & Articles
24 of Google's favorite AI tips from 2024 (Link)
Eink Mode: Making Web Pages Easier to Read (Link)
TLS Certificate Lifetimes Will Officially Reduce to 47 Days (Link)
Tailwind’s @apply Feature is Better Than it Sounds (Link)
Inclusive Dark Mode: Designing Accessible Dark Themes For All Users (Link)
JavaScript & CSS Snippets
Rounded hexagon shapes with hover effect
See the Pen Rounded hexagon shapes with hover effect by Temani Afif (@t_afif) on CodePen.
Retro Card Carousel
See the Pen Retro Card Carousel by Mirva Dudhagara (@Mirva-Dudhagara) on CodePen.
Animated Rainbow Box Border
See the Pen Animated Rainbow Box Border by Jesse Couch (@designcouch) on CodePen.
Smoke on the Water :: Text Art
See the Pen Smoke on the Water :: Text Art by Max Erukh (@moxsim) on CodePen.
CSS Hover Not Hover Effect
See the Pen CSS Hover Not Hover Effect by Harold Soto (@bernethe) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #600
- Next: None
