Weekly Web Design & Development News: Collective #562
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 29, 2024).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Animate.js - A tiny yet robust JavaScript library that helps you create smooth, customized, and complex animations using CSS properties and a little bit of JavaScript. Live Demo
dev.css - Build clean, modern websites in seconds! dev.css is a tiny CSS framework with built-in themes and addons for beginners and experts alike. Live Demo
lightdarktheme - Base model for a light and dark theme switcher. Live Demo
color4bg.js - An easy-to-use JavaScript library that helps developers create dynamic, gradient, abstract background patterns that are popular on modern websites, especially those focused on AI and SaaS. Live Demo
es-toolkit - A state-of-the-art, high-performance JavaScript utility library with a small bundle size and strong type annotations.
fetch-super-headers - An enhanced JavaScript Headers interface with type-safe access.
Pongo - Mongo but on Postgres and with strong consistency benefits.
fetch-extras - Useful utilities for working with Fetch.
unplugin-turbo-console - Improve the Developer Experience of console.
veles - UI library with main focus on performance.
color-core - A powerful, type-safe color manipulation library for TypeScript and JavaScript applications.
agent-rotator - A diverse, customizable, and extensible user-agent generator with over 20+ user-agents from different devices, written in javascript.
Diff DOM Streaming - Diff DOM algorithm with streaming to make only the necessary modifications, insertions and deletions between a DOM node and an HTML stream reader.
Choco.js - Fast & Lightweight JavaScript library for creating modern and secure web applications.
HealthCheck - Checks how friendly your Open Source project is and suggests improvements.
qr-x - An Elegant QR Code Library.
Discover more JavaScript & CSS Libraries →
Developer Tools & Resources
statusnook - Effortlessly deploy a status page and start monitoring endpoints in minutes.
posting - The modern API client that lives in your terminal.
rustcrab - An Open Source project with everything you need to learn about Rust.
dotui - Everything you need to build your React app.
npmpackage - Discover detailed information about npm packages.
Graphic Design Freebies
20 High-quality Pastel Grainy Gradients - A free pack of 20 pastel grainy gradients downloadable as JPG files. Each with a resolution of 2000×3000 pixels.
27 Artificial Intelligence Icons - A tiny set of 27 free icons focused on artificial intelligence (AI). These icons are available in four distinct styles: dark, light, dark duotone, and light duotone.
35+ Cyber Security Icons - A set of 35+ vector-shaped cyber security icons designed with Figma app.
fonts.ninja - Discover awesome typefaces and build your font collection.
Discover more Graphic Design Freebies →
Curated AI Tools
Command AI - Free AI assistant for your terminal. Automate tasks, query databases, and chat with AI.
PassGeni - Generate Secure, Easy-to-Remember Passwords With AI.
micro-agent - An AI agent that writes (actually useful) code for you.
exo - Run your own AI cluster at home with everyday devices.
zeropath - An AI agent that finds, verifies, & remediates web application vulnerabilities.
builco - Build MVPs with Next.js using AI in minutes.
News & Articles
Google brings AI agent platform Project Oscar open source. Link
Google-backed software developer GitLab explores sale. Link
"If" CSS Gets Inline Conditionals. Link
How fast is javascript? Simulating 20,000,000 particles. Link
How People with Disabilities Use the Web. Link
JavaScript & CSS Snippets
Cursor Blob
See the Pen Cursor Blob by Veronica Hristova (@vstefanova) on CodePen.
SVG Filter — Cross Blur
See the Pen SVG Filter — Cross Blur by Andrii Rodzyk (@rodzyk) on CodePen.
Blueprint Theme Toggle w/ View Transitions
See the Pen Blueprint Theme Toggle w/ View Transitions by Jhey (@jh3y) on CodePen.
Neumorphic Rocker Switch
See the Pen Neumorphic Rocker Switch by Jon Kantner (@jkantner) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #561
- Next: None
