Weekly Web Design & Development News: Collective #240

Here's the 240th 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 #240

curtainsjs

curtains.js is a lightweight vanilla WebGL javascript library that turns HTML elements into interactive textured planes.

[Demo] [Download]

scratch-it

A light weight javascript library for simulating a scratch off lottery ticket. It works on mobile and is responsive.

[Demo] [Download]

SelectPure

Pure JavaScript select component.

[Demo] [Download]

Alerts.css

Simple and Pure CSS for alerts.

[Demo] [Download]

scrollprogressJS

A lightweight (2.61 KB )simple vanilla JS page scroll progress.

[Demo] [Download]

WebGL Distortion Slider

Using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.

[Demo] [Download]

Fullscreen video perspective parallax

Fullscreen video perspective parallax with GSAP JS with GSAP JS

[Demo] [Download]

Interactive SVG mask

Interactive SVG mask w/full screen image.

[Download]

Quick broken glass on hover

Quick broken glass on hover.

[Demo] [Download]

518 Free font

[Download]

Seg Ment Font

[Download]