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 40, 2024).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
button-motion — Attractive Web Button With Animated Glowing Borders (CSS Only). ( Live Demo)
js-logs-formatter — Enhance Log Readability with JS Logs Formatter. ( Live Demo)
Expandable Card Slider — A responsive, interactive, expandable card slider built using HTML, JavaScript, and CSS/CSS3.. ( Live Demo)
Guidy.js - Creating Interactive Step-by-step User Guides. ( Live Demo)
OpenAI Realtime Console — React app for inspecting, building and debugging with OpenAI’s new Realtime API.
openai-realtime-api-beta — Node.js + JavaScript reference client for the Realtime API (beta).
Onejs - A new React framework that makes cross-platform simple. Target web and native with just Vite. ( Live Demo)
nmap-viewer — A web-based application designed to visualize and analyze the output of N map scans.
Qustar — Query SQL database through an array-like API.
@matry/dom — A web framework for imperative JSX — a new way to think about UI engineering.
expo-apple-colors — Use native Apple colors on all platforms.
DeshiJS - A smooth, minimal framework for infusing JavaScript with dynamic behavior. ( Live Demo)
bun-pulse — A lightweight, high-performance WebSocket server built on Bun, fully compatible with the Pusher protocol.
comply — A tiny library to help you define policies in your app.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
cunny-code — The Cute and Funny Morse Code Tool.
pswd — Simple secure password generator.
htmx-debugger — A powerful browser extension (compatible with Chrome and Firefox) designed to help developers debug and analyze htmx applications.
devactivity — Track, Analyze & Improve your Software Development Experience.
Graphic Design Freebies
60 Retro Macintosh 1984 Icons — A set of 60 retro icons from the original Apple Macintosh released in 1984.
Free Pixel Icons: 9 Retro Gadgets — Each icon depicts a classic gadget rendered in a detailed pixel style.
100 Sacred Geometry Mandalas — This collection of sacred geometry mandalas offers designers a versatile set of resources for various projects.
Discover more Graphic Design Freebies →
Curated Free AI Tools
Agents — Build real-time multimodal AI applications.
Voice ReAct Agent — An implementation of a ReAct-style agent that uses OpenAI’s new Realtime API.
Resume Job Matcher — A Python script that automates the process of matching resumes to a job description using AI.
Oi-Override — A lightweight yet powerful CLI tool designed to simplify AI-powered code generation directly within your development workflow.
chatwithcloud — A CLI allowing you to interact with AWS Cloud using human language inside your Terminal thanks to generative AI.
News & Articles
What’s new in Svelte: October 2024 ( Link)
ESLint now officially supports linting of JSON and Markdown ( Link)
CSS Anchor Positioning Guide ( Link)
Axios vs Fetch ( Link)
Originally published at https://www.jqueryscript.net on October 7, 2024.