Weekly Web Design & Development News: Collective #588
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 3, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
No jQ Slider - Responsive Adaptive Slider/Carousel with Vanilla JS. (Live Demo)
Typewriter.js - Create Smooth Looping Typewriter Effects. (Live Demo)
Cartflow - Create Smooth Add To Shopping Cart Animations. (Live Demo)
try-flag-emojis - Country Flag Emoji Library with Metadata. (Live Demo)
Tuono - Superfast fullstack React framework. (Live Demo)
pkg-graph.info - Visualize the dependency graph of npm packages. (Live Demo)
Brisa - The Web Platform Framework. (Live Demo)
codefetch - Turn code into Markdown for LLMs with one simple terminal command.
Open Props UI - A CSS UI library exploring how next-gen HTML & CSS features can change the way we create components. (Live Demo)
nuxtor - Build tiny desktop apps with Tauri, Nuxt 3 and UnoCSS.
react-native-animated-number - A React Native component for displaying animated numbers.
react-form - Basic form using React & TailwindCSS.
ssreact - React-in-HTML from a 21kb bundle.
Formatly - Formats your code with whatever formatter your project is already using.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
qrcode-pixel-font - Displays characters as QR code.
TintTrove - A simple and elegant image color picker tool that extracts dominant colors from uploaded images.
sticker_effect - Add sticker effect to your logos.
input-lag-measuring-tool - An html tool for measuring the input lag of browsers.
emojico - CLI tool to convert emoji to favicon assets.
grep.app - Search for code, files, and paths across half a million public GitHub repositories.
Easing Wizard - CSS easing functions made easy.
QuickNav - A Chrome extension that lets you instantly navigate to your favorite websites using customizable keyboard shortcuts.
Graphic Design Freebies
Mobile App Icons - 60+ Free Popular Mobile App Icons.
Raster - An open-source icon library that offers over 100+ vector (SVG) files for displaying icons and symbols in both digital and non-digital projects.
Discover more Graphic Design Freebies →
Curated Free AI Tools
AI Graph Maker - Make Charts Like a Pro, Free.
GitDiagram - Free AI-powered GitHub Repo Visualizer.
Promptate - Generate better AI prompts for free.
fb-guardian - A Chrome extension that leverages AI technology to help make Facebook a safer space by automatically detecting and managing harmful content in comments.
News & Articles
Why Browsers Produce Different Performance Results (Link)
Crafting a Dreamy Particle Effect with Three.js and GPGPU (Link)
Principles Of Web Accessibility (Link)
JavaScript & CSS Snippets
Stack Interaction Animation (HTML , CSS & JS)
See the Pen Stack Interaction Animation (HTML , CSS & JS) by Vanaja Kothai (@Vanaja-Kothai) on CodePen.
3D Dramatic Firework Animation
See the Pen 3D Dramatic Firework Animation by Shivani (@shivani0805) on CodePen.
Goal Progress
See the Pen Goal Progress by Jon Kantner (@jkantner) on CodePen.
CSS infinite scroll gallery
See the Pen CSS infinite scroll gallery by Ana Tudor (@thebabydino) on CodePen.