Weekly Web Design & Development News: Collective #490
A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, Free Graphic Design Resources, etc.) on the web from the last week (Week 8, 2023).
Web Design & Development News: Collective #490
ts-reset
A 'CSS reset' for TypeScript, improving types for common JavaScript API's
[Download]
animate-heart-canvas
A vanilla JavaScript library to generate a romantic animated hearts background using HTML5 canvas.
Vertical Menu Hover Animation
Switch between images when hovering over menu items.
Bootstrap 5 Calendar Component With Dark Mode
An easy and animated calendar UI component with dark mode. Built with Bootstrap 5 framework.
react-toast
Toast Your Messages with Emoji
[Download]
datedreamer
An easy, lightweight, and accessible date picker & calendar component written in Vanilla JavaScript.
Noty-JS
A tiny and easy-to-use JavaScript notification library for creating toast-like alert popups and confirmation dialogs with cool CSS3 animations.
shapeGenerator.js
A JavaScript library that helps easily generate scalable, customizable, rotatable shapes (circles, triangles, rectangles, waves, etc) to create beautiful, eye-catching backgrounds for your website.
Input Form Wave Animation
A floating label design concept that moves labels to the top of the input fields with a wave animation when focused on.
wc-toast
A lightweight, beautiful, accessible, and framework-agnostic notification component written in JavaScript.
range-slider-element
A touch-friendly, fully accessible, slim-style range slider Custom Element written in JavaScript.
Custom Range Slider With Sliding Value
A sleek custom range slider control where users can easily select a value and see it displayed in real-time as they move the slider handle along the track.
image-alt-generator
Open-source and free image alt tag generator in NextJS 13.
tailwindcss-icons
Use any icon (100,000+) from Iconify, for TailwindCSS
[Download]
3D Text Shadow
See the Pen 3D Text Shadow by Chris Heuberger (@ChrisBup) on CodePen.
Magic Dust GSAP Canvas Particles
See the Pen Magic Dust - GSAP Canvas Particles - move your mouse to create magic dust! by Pixelomo (@suth_a) on CodePen.
3D Card
See the Pen 3D Card by Gayane Gasparyan (@gayane-gasparyan) on CodePen.
Simple landing page
See the Pen Simple landing page by Areal Alien (@areal_alien) on CodePen.
hnhx/user.js
This user.js aims at disabling all Firefox telemetry (spyware), it also hardens the browser, installs uBlock Origin and replaces the spyware search engines with privacy respecting ones.
[Download]
On-Scroll Typygorahy Animations
Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.
Wave Icons Essential icons
A freebie file of 120 essential icons designed with a sleek, modern, and curvy style. These icons are perfect for any UI/UX project and will add a touch of elegance and delightfulness to your design.
[Download]
Free Vintage Display Font Vintage Museum
A shuffling type animation.
[Download]
