Weekly Web Design & Development News: Collective #482

by jQueryScript,

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

Web Design & Development News: Collective #482

react-wrap-balancer

Simple React Component That Makes Titles More Readable.

react-wrap-balancer

[Demo] [Download]


html_semantic_seg

A tool to create semantic segmentations of screenshots of websites from their DOM.

html_semantic_seg

[Download]


superdiff

Superdiff compares two arrays or objects and return a complete diff of their differences in a readable format.

superdiff

[Download]


PureMask.js

A lightweight, blazing-fast, and easy-to-use input mask library for form fields. Written in vanilla JavaScript and works with no 3rd-party libraries.

PureMask.js

[Demo] [Download]


emojicam

An emoji filter for your webcam.

emojicam

[Download]


ComicFun

ComicFun is an open source photo app that turns your profile picture into a cartoonified portrait! The app allows you to take a photo, or upload an existing image and transform it into a professional, while fun image.

ComicFun

[Demo] [Download]


CSS Plasma Background Generator

Simple tool written in vanilla Javascript to generate a plasma background for your website.

CSS Plasma Background Generator

[Demo] [Download]


URL Animations

Simulate Ascii art animations througgh your browsers URL field.

URL Animations

[Demo] [Download]


Glowing-Border-Animation

Pretty formatted numbered customizable JavaScript console library.

Glowing-Border-Animation

[Demo] [Download]


Animated Search Bar

Animated Search Bar Using HTML CSS & JavaScript.

Animated Search Bar

[Download]


EverShop

EverShop is a GraphQL Based and React ecommerce platform with essential commerce features. Built with React, modular and fully customizable.

EverShop

[Download]


iOS Style Bottom Sheet In Vanilla JavaScript

A lightweight and easy-to-use solution for creating iOS-style bottom sheets that slide up from the bottom of the screen and display content to the user.

iOS Style Bottom Sheet In Vanilla JavaScript

[Demo] [Download]


Typia

Super-fast Runtime validator (type checker) with only one line.

Typia

[Download]


Vanilla Autocompleter

A flexible and blazing-fast autocomplete JavaScript library that works with the native input field.

Vanilla Autocompleter

[Demo] [Download]


Interactive Snowflake

See the Pen Interactive Snowflake (Canvas + pure JS, no dependencies) by Ksenia Kondrashova (@ksenia-k) on CodePen.


LEGO Preloader

See the Pen LEGO Preloader by Jon Kantner (@jkantner) on CodePen.


Animated border on image, with Temani Afif tip

See the Pen animated border on image, with Temani Afif tip by InHuOfficial (@inhuofficial) on CodePen.


Unfold CSS 3D Image Hover Effects

See the Pen Unfold | CSS 3D Image Hover Effects by Greg Vissing (@gvissing) on CodePen.


Hyper Casual Game UI

Hyper Casual Game UI

[Download]


2023 Happy New Year greeting card

A Happy New Year 2023 greeting card template made in Figma app.

2023 Happy New Year greeting card

[Download]