Weekly Web Design & Development News: Collective #447
Here's the 447th 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 #447
Spacedrive
An open source cross-platform file explorer, powered by a virtual distributed filesystem written in Rust.
HyperUI
A free, open source Tailwind CSS component library.
uiball-loaders
Lightweight loaders & spinners for your next React project.
FortuneSheet
A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets.
fs-spy
Monitoring fs accessing for Node process.
[Download]
JSON Hero
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
- View JSON any way you'd like: Column View, Tree View, Editor View, and more.
- Automatically infers the contents of strings and provides useful previews
- Creates an inferred JSON Schema that could be used to validate your JSON
- Quickly scan related values to check for edge cases
- Search your JSON files (both keys and values)
- Keyboard accessible
- Easily sharable URLs with path support
oneko.js
A JS library that displays a kitten on your screen, which runs towards your cursor when you stop moving the mouse.
ohmyfetch
A better fetch API. Works on node, browser and workers.
[Download]
Interactive timeline
Interactive timeline built with D3 with pure CSS animations
ATween
ATween is a easy, fast and tiny tween library, it can run in javascript or other platforms (such as lua via haxe).
Slidy
Simple, configurable & reusable carousel sliding action script with templates & some useful plugins.
Emotify
A JavaScript library that lets you add custom emotes into your website.
FakeFileSystem.js
Library to simulate a simple file system in javascript.
HashLips
HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.
[Download]
Linear-style Cursor Glow
See the Pen Linear-style Cursor Glow by David Khourshid (@davidkpiano) on CodePen.
3D CSS: Interactive SNES Controller
See the Pen 3D CSS: Interactive SNES Controller by Alvaro Montoro (@alvaromontoro) on CodePen.
Variable Fonts Hover Effect
See the Pen Variable Fonts Hover Effect by Dusko Stamenic (@DuskoStamenic) on CodePen.
Free 3D Education Illustrations Pack Figma
A 3D education illustrations pack created using Figma app. This pack includes more than 20 free 3D education illustrations and can be used to create high-quality diagrams, technical drawings, presentations, and e-learning content.
[Download]
Sargent Coding Icons
300+ awesome icon for the web.
[Download]
24 Gradient Icons Figma
[Download]
E-commerce Website Mobile UI Kit
[Download]
Free Design System Ui Kit
A design system that includes 100+ prebuild UI components.
[Download]