Weekly Web Design & Development News: Collective #369
Here's the 369th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.
Web Design & Development News: Collective #369
Free Tailwind landing page template
A free landing page template built on top of TailwindCSS and fully coded in React.
SVG Wave
A tiny, free and beautiful gradient SVG waves generator for your UI or website desgin. It offers dead simple UI to customize, and style your waves based on your theme specifications.
css-skeletons
A CSS library to generate an animated, highly customizable skeleton preview of your web content using a single DIV. Can be used as an interactive loading indicator when your content is being loaded into the document.
ui-range
A CSS library to create range sliders with ticks, min/max values, and floating labels from regular range inputs.
3d-card-effect
A stylish 3D product card that comes with a 3D interactive parallax animation on mouse movement as you’ve seen on Apple TV.
hetty
An HTTP toolkit for security research. It aims to become an open source alternative to commercial software like Burp Suite Pro, with powerful features tailored to the needs of the infosec and bug bounty community.
[Download]
squircley.js
A JavaScript library (ES 6) that allows developers to generate customizable squircles (superellipses) as SVG, base 64, or background images.
Basic webpage builder
An ultra-light front-end framework that comes with a set of most commonly used UI components for faster web development.
time-to-leave
Log work hours and get notified when it's time to leave the office and start to live
[Download]
party-js
A JavaScript library used to create a confetti visual effect or confetti falling animation on the page.
perfect-dark-mode
Framework agnostic dark mode solution.
hover-preview
A tiny JavaScript library that automatically switches between a group of images when hovering over the original one, just like a slideshow.
iPhone 12 Fading Text
See the Pen iPhone 12 - Fading Text by Steven Lei (@stevenlei) on CodePen.
nataicons
A fun-themed simple open source icon set that provide 2 icons variant: 24x24 and 20x20.
[Download]
Phosphor Icons
A flexible icon family for interfaces, diagrams, presentations — whatever, really.
[Download]
Slaztone Font
[Download]