Weekly Web Design & Development News: Collective #578
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 45, 2024).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
pqoqubbw/icons - Smooth, animated icons for React & TypeScript.
FluidScroll - Advanced Smooth Scrolling For Web Apps. (Live Demo)
bordex - 10+ Stunning Border Styles For UI/UX Design. (Live Demo)
dv-scalebar - Responsive Customizable Scalebar Web Component. (Live Demo)
dotsy - Create Random Dot Patterns with JavaScript. (Live Demo)
HeadwindHTML - Write HTML in CSS. (Live Demo)
sticker-button - Add Animated Folding Corners To Bootstrap Buttons. (Live Demo)
htmx-load - An agnostic framework for managing resource loading in a view/URL-specific method.
visprex - Visualise your CSV files in seconds without sending your data anywhere. (Live Demo)
tensor-svg-loaders - CSS-in-CLJS library. (Live Demo)
tinyeffect - A tiny TypeScript library for handling side effects in a unified way using algebraic effects.
resolve-schema-values - Resolve values based on a JSON schema.
sphere-particle-wrap - Web Interactive Sphere with JavaScript + Three.js.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
k4 - High-performance open-source, durable, transactional embedded storage engine designed for low-latency, and optimized read and write efficiency.
hyperlight - A lightweight Virtual Machine Manager (VMM) designed to be embedded within applications.
jawsm - JavaScript to WASM compiler
html-to-markdown - Create stunning visuals effortlessly.
cleave - A blazing-fast, GPU-accelerated screen capture tool written in Rust.
Graphic Design Freebies
X Community UI Kit - 50+ components in Figma for creating X (formerly Twitter) community materials.
Cartzilla - Professional E-Commerce Template for Modern Online Stores.
Discover more Graphic Design Freebies →
Curated Free AI Tools
aiCoder - Harness AI to Craft Your JavaScript Libraries with Ease!
ai-form-helper - A Tampermonkey / Userscript extension to add autocompletion lists to form fields in a webpage.
Easy Cron Jobs - Free AI-Driven Cron Expression Generator.
Claude Vision Object Detection - Detect Objects in Images With Claude Vision API.
VIDEO OCEAN - Fast AI Video Generator: Text/Image to Video in Minutes
News & Articles
Hacking cars in JavaScript (Link)
ESLint v9.14.0 released (Link)
JavaScript & CSS Snippets
Truchet Tiles
See the Pen Truchet Tiles by Rafa (@RAFA3L) on CodePen.
Layered Text masking
See the Pen Layered Text masking by Johanna (@idsintehittapa) on CodePen.
5 Awasome Bootstrap Cards
See the Pen 5 Awasome Bootstrap Cards by Bekir Han BAYAR (@ebekirbayar) on CodePen.
Jumpy Cards
See the Pen Jumpy Cards by Gibson (@gibsonmurray) on CodePen.
