Weekly Web Design & Development News: Collective #564
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 31, 2024).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
OnThisDay.js - Fetch Historical Events From Wikipedia For Any Date. Live Demo
Highlight Search Term - A small and fast JavaScript library to dynamically highlight specific words or phrases within a page based on user input. Live Demo
js-particles-factory - A JavaScript library for creating and animating particles on HTML canvas elements. Live Demo
trace-record - Get the stack trace of the creation of objects.
undio - Conventionally and Safely convert between various JavaScript data types.
js-pytorch - A JavaScript library like PyTorch, with GPU acceleration.
poku - makes testing easy for Node.js, Bun, Deno, and you at the same time.
tinyworldmap - A world map for offline-first and low-bandwidth web apps. Live Demo
PathBool.js - A low-level library for performing boolean operations on SVG paths.
react-admin-dashboard - A free admin dashboard ui kit built with React, Tailwind CSS, Recharts, and Framer Motion. Live Demo
rc-tiptap-editor - A modern WYSIWYG rich-text editor base on tiptap uses shadcn. Live Demo
react-magic-router - A library that provides type-safe configuration for your router.
is-directory-empty - Check if a directory is empty.
is-low-power-mode - Check if the system is in low power mode.
Eldora UI - Template for saas landing page with dark theme using Next.js 14, React, TailwindCSS, Framer motion. Live Demo
Portfolio website - Portfolio website using html, css and javascript. Live Demo
f-flow - An Angular library designed to simplify the creation and manipulation of dynamic flow.
Discover more JavaScript & CSS Libraries →
Developer Tools & Resources
Kreska - Free drawing and painting web app for everyone.
Fasthtml - The fastest way to create an HTML app.
WAT Inspector - Deep inspection of Python objects.
jsonai - Instantly Transform Data into Perfect JSON.
404er - Setup stunning 404 pages for your website.
Slimify - Compress your images in a blink.
Graphic Design Freebies
bynfont - A modern bitmap font for Linux terminal that combines the best features of other very good bitmap fonts.
shadergradient - Create beautiful moving gradients on Framer, Figma and React.
Patternpad - Design beautiful patterns from endless variations
Musician Portfolio Web Template - A Musician Portfolio Web Template designed for singers who want to show off their work online.
Discover more Graphic Design Freebies →
Curated Free AI Tools
CoolMindMaps - AI-Powered Free Mind Mapping Tool.
OpenSearch GPT - A free & open-source AI search engine that learns your interests.
AI Headshot Generator - Lets you generate high-quality professional headshots from regular pictures.
Ask Hackers - Get Instant Answers From Hacker News Community With AI.
News & Articles
3 new Chrome AI features for even more helpful browsing. Link
How Google handles JavaScript throughout the indexing process. Link
Rethinking The Role Of Your UX Teams And Move Beyond Firefighting. Link
Integrate Go Library into a JavaScript Webpage with WebAssembly. Link
JavaScript & CSS Snippets
Horizontal Scroll à la Willy Brauner
See the Pen Horizontal Scroll à la Willy Brauner by Tom Miller (@creativeocean) on CodePen.
Animated variable font
See the Pen Animated variable font by Elwin van den Hazel (@elwinvdhazel) on CodePen.
Expandable aside in a mini grid layout
See the Pen Expandable aside in a mini grid layout by Mustafa Enes (@pavlovsk) on CodePen.
Portfolio Website With 3D Effect
See the Pen Portfolio Website With 3D Effect by Muzammal Ahmed (@MuzammalAhmed) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #563
- Next: None
