Weekly Web Design & Development News: Collective #490
A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, DeveloGraphic 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]
