Here's the 277th 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.
Pagedraw is a UI builder for React web apps. It works like a Sketch or Figma style design tool, but emits good quality JSX code.
Trigger a action on element when keyboard hotkey is pressed.
@newswire/scroller is a super-tiny library for your scrollytelling needs.
browser-interaction-time lets you track the time a user is active on your webpage while ignoring time spent on a different tab or with a minimized window. It also ignores the time spent while the user is idle on a web page meaning after a certain amount of time (idleTimeoutMs) without any user interactions (scroll, mousemovement etc) the time will also stop until the next user interaction.
Just-add-water simple CSS animations snippets.
A simple spinning loading web component based on the one from macOS.
Lightweight WebGL Shader Helper.
A very lightweight, tiny lib (no external dependencies) allows you to verify the validity of a VAT number issued by any European Union Member State.
Layer Motion Slideshow
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
AUCH Free Font