Weekly Web Design & Development News: Collective #588

by jQueryScript,

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)

ToastfierJS

Typewriter.js - Create Smooth Looping Typewriter Effects. (Live Demo)

Typewriter.js

Cartflow - Create Smooth Add To Shopping Cart Animations. (Live Demo)

Cartflow

try-flag-emojis - Country Flag Emoji Library with Metadata. (Live Demo)

try-flag-emojis

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.

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.

Discover more Free AI Tools →


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.