Weekly Web Design & Development News: Collective #277

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

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.

pagedraw

[Demo] [Download]

Hotkey Behavior

Trigger a action on element when keyboard hotkey is pressed.

Hotkey Behavior

[Demo] [Download]

scroller

@newswire/scroller is a super-tiny library for your scrollytelling needs.

scroller

[Demo] [Download]

browser-interaction-time

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.

browser-interaction-time

[Demo] [Download]

Animatopy

Just-add-water simple CSS animations snippets.

Animatopy

[Demo] [Download]

wc-spinning-progress

A simple spinning loading web component based on the one from macOS.

wc-spinning-progress

[Demo] [Download]

nside

A JavaScript IDE for accessing a phone/tablet's native runtime via NativeScript bindings!

nside

[Download]

shader-program

Lightweight WebGL Shader Helper.

shader-program

[Demo] [Download]

validate-vat

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.

validate-vat

[Download]

Scalable 3D Range Sliders

3d shaded, scalable range sliders using SCSS, HTML, and some Javascript.

Scalable 3D Range Sliders

[Demo] [Download]

Layer Motion Slideshow

A CSS Grid-based slideshow template with a layer motion effect on the main image and title.

Layer Motion Slideshow

[Demo] [Download]

AUCH Free Font

AUCH Free Font

[Download]

  • Publication date: 28.01.2019
  • Source