Weekly Web Design & Development News: Collective #489

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 7, 2023).

Web Design & Development News: Collective #489

custom-function

Literally the only sane way, if not the fastest one, to extend the Function class without evaluation.

custom-function

[Download]


toast-component-react

Dive deep into the implementation of a single common UI component: A <Toast> message component.

toast-component-react

[Download]


lk-effect

A pretty cool hover animation for images.

lk-effect

[Demo] [Download]


HorangHill Editor

A cutting-edge 3D editor built using ThreeJS, a popular JavaScript library for creating 3D graphics on the web. This user-friendly tool provides users with a comprehensive suite of tools for creating and manipulating 3D models and scenes with ease. With Horanghill, users can bring their creative ideas to life with a vast array of features including object manipulation, lighting and physics simulation (Currently Broken). Whether you're a professional 3D artist or just starting out, Horanghill offers a powerful and intuitive platform for designing and exploring 3D worlds.

HorangHill Editor

[Demo] [Download]


HTML Tags To Constructors

This module goal is to relate, through an entirely automated process, HTML tags names to their constructor, also differentiating between the obsolete or deprecated tags and those still vald.

HTML Tags To Constructors

[Download]


qoa-format

A JavaScript port of The "Quite OK Audio" (QOA) format, a lossy audio compression that achieves relatively decent compression with fast decoding and not much complexity.

qoa-format

[Download]


js-progress-steps

Make use of JavaScript and CSS to create animated and functional progress steps that can be used in sign-up forms or e-commerce checkouts.

js-progress-steps

[Demo] [Download]


cyberpunk-css

A pure CSS library that transforms your webpage into a futuristic dystopia.

js-progress-steps

[Demo] [Download]


32 Smooth Image Hover Effects

Yet another CSS library that provides 30+ CSS/CSS3 powered, pretty cool hover effects for images.

32 Smooth Image Hover Effects

[Demo] [Download]


Cample.js

Cample.js - typed javascript web framework for creating site UI. Reactivity without Virtual DOM! Cample - combination of words component and example.

Cample.js

[Demo] [Download]


calendarify

A simple, lightweight, multilingual, pretty clean date picker written in Vanilla JavaScript.

Cample.js

[Demo] [Download]


is-inside-container

Check if the process is running inside a container (Docker and Podman).

is-inside-container

[Download]


Textual Markdown Browser

This project is an experimental "Markdown browser" for the terminal, built with Textual.

Textual Markdown Browser

[Download]


Education Template

Educational template with well and simple design without using any framework. Based on responsive design and the use of HTML5 and CSS3 and a little bit of javascript.

Education Template

[Download]


Tab Bar Animation (Dark)

See the Pen Tab Bar Animation (Dark) by Aaron Iker (@aaroniker) on CodePen.


Marvel Snap card pseudo 3D effect

See the Pen Marvel Snap card pseudo 3D effect by Jos Faber (@josfabre) on CodePen.


CSS Posters w/ Fold Creases

See the Pen CSS Posters w/ Fold Creases by Matthew Simpson (@matthewcsimpson) on CodePen.

Yet another slider

See the Pen Yet another slider by Arseny M. (@theseventh) on CodePen.


Poline

"poline" is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.

Poline

[Try It Out!]


Geometric Patterns

Geometric Patterns

[Download]


GEOM Free Typeface

GEOM Free Typeface

[Download]


Type Shuffle Animation

A shuffling type animation.

Type Shuffle Animation

[Demo] [Download]