Weekly Web Design & Development News: Collective #498

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

Web Design & Development News: Collective #498

WebGPT

Run GPT model on the browser with WebGPU. An implementation of GPT inference in less than ~2000 lines of vanilla Javascript.

[Demo] [Download]

---

kv.js

KV.JS is a fast, in-memory data store written in pure JavaScript, heavily inspired by Redis and Memcached. It is capable of handling multiple data types, including strings, lists, sets, sorted sets, hashes, and geospatial indexes. Additionally, with more than 140 functions, KV.JS supports a vast variety of operations, ranging from SET, GET, EXPIRE, DEL to INCR, DECR, LPUSH, RPUSH, SADD, SREM, HSET, HGET, and many many more.

[Download]

---

jscanify

Open-source Javascript mobile document scanner.

[Demo] [Download]

---

unlazy

Universal lazy loading library for placeholder images leveraging native browser APIs.

[Demo] [Download]

---

headless-qr

A simple, modern QR code generator.

[Download]

---

react-native-toastable

Blazingly fast and fully customizable Toaster component for React Native.

[Download]

---

checkbox-toggle-css

A creative dark/light mode checkbox made with CSS.

[Demo] [Download]

---

cursorjs

Create custom mouse cursor with pure vanilla JS (4kb) and CSS (optional) with no dependency.

[Demo] [Download]

---

Target Blank Validate

This javascript code helps you to add the target="_blank" HTML Attribute on the <a> automatic if the href link contains "https".

[Demo] [Download]

---

Clarity

Clarity is a reading app that lets you explore texts in depth. Instead of reading from top to bottom, Clarity presents content in layers. Start with a summary, then tap to explore details as you like. It's a simpler way to read, giving you control over your focus.

[Demo] [Download]

---

Nimppt

Nimppt is a simple presentation generator that uses Markdown syntax.

[Download]

---

Ant Design Date Picker

A modern date picker for Ant Design framework.

[Demo] [Download]

---

PDF-Verse

PDF Verse is a powerful web based PDF Editor with tools for editing, converting, and manipulating PDFs. Merge, compress, add or remove pages, or extract text using OCR technology. Convert PDF to DOC, Excel, PPT, JPG, PNG, Text and many more format as well and vice versa. PDF Verse also has user-friendly interface and wide range of features as well.

[Demo] [Download]

---

WebGPU-Memory

This is a WebGPU-Memory tracker. You add the script to your page before you initialize WebGPU and then for a given context you can ask how much WebGPU memory you're using.

[Download]

---

GSAP Scroll animation Svg clip path

See the Pen GSAP - Scroll animation - Svg clip path by Paul Roger (@Tiopayo) on CodePen.

---

Scroll effect

See the Pen Scroll effect by Aurelien (@aaurelieen) on CodePen.

Sparkly Button

See the Pen Sparkly Button by Simon Goellner (@simeydotme) on CodePen.

---

Conic-gradient rainbow button

See the Pen Conic-gradient rainbow button by Nicolas Jesenberger (@nicolasjesenberger) on CodePen.

---

Stable Diffusion WebUI Canvas Editor

A custom extension for AUTOMATIC1111/stable-diffusion-webui that integrated a full capability canvas editor which you can use layer, text, image, elements and so on, then send image to or receive image from img2img/inpaint or send image to ContronNet.

[Download]

---

FontDetector

FontDetector is a tool created by humans and ChatGPT-4 to view fonts on web pages.

[Download]

---

3 Free Footers Figma

3 free UI resource files in Figma.

[Download]

---

Conragon Fonts

A geometric font based from places in Manila City, Philippines.

[Download]

---