Weekly Web Design & Development News: Collective #474

by jQueryScript,

A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, Free Graphic Design Resources, etc.) on the web from the last week (Week 44, 2022).

Web Design & Development News: Collective #474

Corner Css

A simple css theme based on Doodle CSS.

Corner Css

[Demo] [Download]


Tailwind Components Gradient Generator

Tailwind Gradient Generator Build with Vue JS, Vite, and Tailwind CSS.

Tailwind Components Gradient Generator

[Demo] [Download]


WC Datepicker

A lightweight, accessible, customizable, multilingual, and framework-agnostic date picker & date range picker component written in pure JavaScript (TypeScript).

WC Datepicker

[Demo] [Download]


JS Masonry

Create masonry layouts based on your CSS grid values.

JS Masonry

[Demo] [Download]


boarding.js

A light-weight, no-dependency, vanilla JavaScript engine to create powerful onboardings and drive the user's focus across the page.

boarding.js

[Demo] [Download]


progressive pride flag

A lovely little pride flag made in vector, and optimised to be nice and lightweight!

progressive pride flag

[Download]


React Micro

Speed up the your micro-frontend development. Configure less and delivery more. You don't need to waste more time trying to change your application to support multiple micro-frontends or use iframe becase of old bundler version.

React Micro

[Download]


MISSING.CSS

The classless-ish CSS library you've been missing.

MISSING.CSS

[Demo] [Download]


shonir-analog-clock

Multiple Timezone Simple Analog Clock Using HTML , CSS And Javascript

shonir-analog-clock

[Demo] [Download]


Identicons

A javascript library for generating identicon images based on an input seed.

Identicons

[Demo] [Download]


json-stable-stringify

Deterministic version of JSON.stringify() so you can get a consistent hash from stringified results.

json-stable-stringify

[Download]


ExtendedCss

A javascript library that allows using extended CSS selectors (:has, :contains, etc).

[Download]


Unreveal Effects

Profile Card UI Design Using HTML CSS & JavaScript.

Unreveal Effects

[Demo] [Download]


Drifty

An open-source interactive File Downloader system built using Java. It takes the link to the file, the directory where it needs to be saved and the filename of the downloaded file as input and downloads it. It is currently available in CLI mode and the GUI version is under active development.

Drifty

[Download]


Dropcode

Filesystem watcher. Works anywhere. Simple, efficient and friendly.

Dropcode

[Download]


Infinite Scroll Animation

See the Pen Infinite Scroll Animation by Yoav Kadosh (@ykadosh) on CodePen.


3D Interactive Card Hover

See the Pen 3D Interactive Card Hover by Josh Allen (@joshsalazar) on CodePen.


CSS only pulse loader

See the Pen CSS only pulse loader by Temani Afif (@t_afif) on CodePen.


DuckDuckGo-Style Image Gallery

See the Pen DuckDuckGo-Style Image Gallery by Jon Kantner (@jkantner) on CodePen.


Unlimited Pie free font

Unlimited Pie free font

[Download]