Weekly Web Design & Development News: Collective #378

by jQueryScript,

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

reorder.js

A JavaScript library for reordering matrices, i.e. either tables, graphs vertices, or parallel coordinates axes.

reorder.js

[Demo] [Download]


PixelCraft

A pixel Art & Animation Creation Tool Built using HTML5 Canvas. It is a Progressive Web App (PWA) with offline compatibility. It is mobile-friendly and is very easy to use.

PixelCraft

[Demo] [Download]


modular

A collection of tools and guidance to enable UI development at scale. It is derived from work at JP Morgan to enable development in a single repository by many teams.It provides a modular CLI to scaffold and develop a new application from scratch, as well as commands to add and manage further modules.

modular

[Download]


pid-port

Get the ID of the process that uses a certain port.

pid-port

[Download]


collections-slider

A pretty cool slider made only using HTML & CSS.

collections-slider

[Demo] [Download]


Shoelace Animations

A JavaScript library that exacts animations from Animate.css library and allows you to use them as ES modules.

Shoelace Animations

[Demo] [Download]


Product Card Layout

A product card layout for online stores.

Product Card Layout

[Download]


Youtube Videos Uploader

Free youtube video uploader with no limits.

Youtube Videos Uploader

[Download]


Email Validator

Validates email addresses based on regex, common typos, disposable email blacklists, DNS records and SMTP server response.

Email Validator

[Download]


candymail

Candymail makes it easy to trigger and send multi-step email sequences in Node.js using a single JSON file. Built for bootstrappers, indie makers with special care.

candymail

[Download]


Stripe Desktop Menu

An animated dropdown mega menu that animates menu items when switching between nav links. Inspired by Stripe.com’s header navigation.

Stripe Desktop Menu

[Demo] [Download]


revodropdown

Minimalistic dropdown and auto-complete component with filtering and keyboard support

revodropdown

[Demo] [Download]


Slide-out Navigation with GSAP 3

See the Pen Slide-out Navigation with GSAP 3 by designcourse (@designcourse) on CodePen.


Scrolling letters

See the Pen Scrolling letters by Aaron Iker (@aaroniker) on CodePen.


Art Agency Website Template

An art agency web template for Adobe XD.

Art Agency Website Template

[Download]


Lowdi Figma Wireframe Kit Freebie

A FREE figma wireframe kit called Lowdi. Jump straight into figma and create outstanding wireframes in a flash thanks to prototype-ready components and styles.

Lowdi Figma Wireframe Kit Freebie

[Download]