Weekly Web Design & Development News: Collective #421

by jQueryScript,

Here's the 421st 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 #421

Trigger JS

A library for creating scroll-based animation with HTML attributes and CSS variables.

Trigger JS

[Demo] [Download]


Ninja Keys

Keyboard shortcuts interface for your website. Working with Vanilla JS, Vue, React.

Linkaro

[Demo] [Download]


Pollen

A standards-driven, utility-first CSS library inspired by Tailwind. It provides a collection of CSS variables that can be used anywhere to encourage consistency, maintainability, and rapid development.

Pollen

[Demo] [Download]


3D Perspective Hamburger Menu

A fancy 3D perspective hamburger navigation built with CSS/CSS3 and a little bit of JavaScript.

3D Perspective Hamburger Menu

[Demo] [Download]


avatargenerator

An animated test tube style progress bar written in pure CSS.

avatargenerator

[Demo] [Download]


MultiLevelTable

Generate clean screenshots for any website from its URL.

MultiLevelTable

[Download]


compatlib

Easily write backwards-and-forwards compatible libraries.

compatlib

[Download]


Scroll Snooper

Pure JavaScript API that goes snooping around elements while scrolling.

Scroll Snooper

[Demo] [Download]


Free React landing page template

A free React landing page template designed for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.

Free React landing page template

[Demo] [Download]


WebIME

A cross-browser input method engine written in ES6, no dependencies. Tested in Firefox, Chrome, iOS Safari, Safari, IE 9+, Edge 12+, Android 4+, and Windows Phone.

WebIME

[Download]


Dashboard UI

See the Pen Dashboard UI by Mert Cukuren (@knyttneve) on CodePen.


Neumorphic Analog Clock

See the Pen Neumorphic Analog Clock by Jon Kantner (@jkantner) on CodePen.


Torus Knot / GLSL Fragment Shader

See the Pen Torus Knot / GLSL Fragment Shader by pjkarlik (@pjkarlik) on CodePen.


cleanup.pictures

A free web application that lets you cleanup your photos with a simple interface.

cleanup.pictures

[Try It Out]


Halloween Icons By Onabitz

32 spooky icons for Halloween.

Halloween Icons By Onabitz

[Download]


Free Halloween 3d illustrations

Awesome Halloween 3d pack for Figma. Super high quality renders. Stylish and colorful elements. Great for stories, promo and UI projects.

Free Halloween 3d illustrations

[Download]


macOS Monterey UI Kit for Figma

A UI kit for Figma that includes many of the OS-level components needed to get started with any project for the Mac.

macOS Monterey UI Kit for Figma

[Download]


Quill Icons

A 120+ iconset for your next email project. These icons were originally supposed to be a re-design of the iconset for Tempo, the mindful email client for Mac.

macOS Monterey UI Kit for Figma

[Download]