jQuery Script Blog

Weekly Web Design & Development News: Collective #495

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

Web Design & Development News: Collective #495

Animated-Clock

A stylish Neumorphism-style analog clock app icon written in CSS/CSS3 and a little bit of JavaScript.

Animated-Clock

[Demo] [Download]

transformers.js

Run Transformers in your browser! We currently support BERT, ALBERT, DistilBERT, MobileBERT, SqueezeBERT, T5, T5v1.1, FLAN-T5, mT5, GPT2, GPT Neo, BART, CodeGen, Whisper, CLIP, Vision Transformer, VisionEncoderDecoder, and DETR models, for a variety of tasks including: masked language modelling, text classification, zero-shot classification, text-to-text generation, translation, summarization, question answering, text generation, automatic speech recognition, image classification, zero-shot image classification, image-to-text, and object detection.

transformers.js

[Demo] [Download]

Animated Login Form

Animated Login Form Using HTML CSS & JavaScript.

Animated Login Form

[Demo] [Download]

Ardi

Ardi makes it almost too easy to create reactive custom elements that work with any site or framework.

Ardi

[Demo] [Download]

Motion-Blurred-Numbers

Motion Blurred Number with CSS.

Motion-Blurred-Numbers

[Demo] [Download]

Kinetic Scroll

Simple Vanilla JS module and Svelte action to transform a container into a vertical momentum scroller, much like cellphones touch screens work when you tap and drag. Point it to a target container and start dragging around with your mouse or finger.

Kinetic Scroll

[Demo] [Download]

Magnetic elements

A Vanilla JavaScript library that makes elements on your web page respond to cursor movement in a magnetic-like manner.

Magnetic elements

[Demo] [Download]

crispy-notify

A lightweight yet full-featured notification library for creating beautiful and customizable toast messages to inform users of important messages, alerts, and updates in your web app.

crispy-notify

[Demo] [Download]

MUI Toolpad

Quickly build internal tools. MUI Toolpad is a self-hosted low-code internal tools builder designed to extend the MUI React components. It's designed for developers of all trade who want to save time building internal applications.

MUI Toolpad

[Demo] [Download]

refine

Build your React-based CRUD applications, without constraints.

refine

[Demo] [Download]

CSS-Image-Hover-Effect

A rich text editor that supports collaborative editing and allows for the free use of front-end common libraries such as React and Vue to extend and define plugins.

CSS-Image-Hover-Effect

[Demo] [Download]

docx

Easily generate and modify .docx files with JS/TS with a nice declarative API. Works for Node and on the Browser.

docx

[Demo] [Download]

Multi card Spotlight effect

See the Pen Multi card Spotlight effect by Jhey (@jh3y) on CodePen.

No SVG, no image CSS-only fluid slider with input[type=range]

See the Pen No SVG, no image, CSS-only fluid slider with input[type=range] by Ana Tudor (@thebabydino) on CodePen.

That 3D Text Library - requestAnimationFrame()

See the Pen That 3D Text Library - requestAnimationFrame() by Steve Gardner (@ste-vg) on CodePen.

Dual Picture Accordion Fold (css only)

See the Pen Dual Picture Accordion Fold (css only) by Amit Sheen (@amit_sheen) on CodePen.

ChatGPT Design System

A powerful tool designed for Product Designers, UX/UI Designers, and Developers alike.

ChatGPT Design System

[Download]

Crypto Icon Library

A comprehensive collection of 460+ vector based crypto icons for your cryptocurrency platform needs.

Crypto Icon Library

[Download]