Weekly Web Design & Development News: Collective #442

by jQueryScript,

Here's the 442nd 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 #442

Responsive Car website Template

Responsive Car Website Design Using HTML CSS & JavaScript

Responsive Car website Template

[Demo] [Download]


Twitch Solar System

Cute Solar System with CSS.

Twitch Solar System

[Demo] [Download]


IP-to-PNG

Converts your IPv4 address to a 4x4 2-bit PNG which you can extract the IP from.

IP-to-PNG

[Download]


clock-mock

A mock clock for tests involving timing.

clock-mock

[Download]


Alpine TimeAgo

An Alpine.js plugin to return the distance between a given date and now in words (like "3 months ago", "about 2 hours ago" or "in about 5 hours").

Alpine TimeAgo

[Download]


awesome-editor

A simple basic but awesome editor, that works like codepen and w3schools. Powered by Stylet.CSS.

awesome-editor

[Demo] [Download]


Twitch Newspaper

Twitch Newspaper CSS/JS for streams.

Twitch Newspaper

[Demo] [Download]


minimon

A minimal Node.js restarter based on zx.

minimon

[Download]


styles

A Virtual CSS language with enhanced syntax ( less than 13KB ).

styles

[Demo] [Download]


Table Scroll Shadow

A simple dependency-free Javascript plugin to show horizontal overflow of tables.

Table Scroll Shadow

[Demo] [Download]


SingleFile

A Web Extension (and a CLI tool) compatible with Chrome, Firefox (Desktop and Mobile), Microsoft Edge, Vivaldi, Brave, Waterfox, Yandex browser, and Opera. It helps you to save a complete web page into a single HTML file.

SingleFile

[Download]


firefox-macos-native-tabbar

macOS Native-looking Translucent Tabbar for Firefox.

SingleFile

[Download]


Liquid Transition Effect

See the Pen Liquid Transition Effect by Aysenur Turk (@TurkAysenur) on CodePen.


javascript scroll animation curtain effect

See the Pen javascript scroll animation curtain effect by Evan Jin (Kyungsung Jin) (@rudtjd2548) on CodePen.


The progress

See the Pen The progress by Temani Afif (@t_afif) on CodePen.


100+ Abstract Shapes And Elements

100+ Abstract Shapes And Elements

[Get Started]


Article Cards UI Kit

A set of 1280+ article card templates in Figma.

Article Cards UI Kit

[Download]


15 Jewelry SVG Icons Free For Download

A set of 15 jewelry SVG icons available for free download.

15 Jewelry SVG Icons Free For Download

[Download]