Here's the 371st 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 #371
A TailwindCSS plugin that provides a composable API for giving elements a fixed aspect ratio.
A browser-based network IP scanner and local-IP detector. It detects IPs bound to the user/victim as well as IP addresses discovered across any detected subnets. Works on mobile and desktop across all major browsers and OS's.
Tulisno is a website for generating writings into books.
A pure CSS implementation of the float label pattern that moves the placeholder to the top of the input field while typing. Inspired by Gmail login page.
A cool product card with an animated intro, and has got hover effects.
The arrows.css CSS library allows you to display animated, interactive, directional arrows before or after elements you specify.
A highly customizable GDPR cookie consent popup library to make your site or app compliant with GDPR and EU Cookie Law.
Flexbox Bar & Column Charts In Pure CSS
A customizable CSS charting library that converts an HTML table into a column or horizontal bar chart using CSS flexbox.
Cross-platform desktop note-taking app. Sticky notes with Markdown and Tabs. All in one .txt file.
OCDots uses physics to maximize the distance between each point and also the distance to the walls of a polygon. It is possible to follow each step of the process calling movePoints, or call relaxPoints to run several iterations and see the final state.
Draggable Blend Generator
Light Icons Free Download
A set of 100+ light icons in AI format.
3D Google App Icon Set
A set of 3D Google App icons with a realistic shadow effect. Created using Photoshop and downloadable as PNG images.
An inline menu layout with a playful hover animation and a gallery content preview panel.