Weekly Web Design & Development News: Collective #525

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

Web Design & Development News: Collective #525

React use c

Use C in your React.

React use c

[Download]


browser-window

A small themed zero-dependency Web Component for demos with a fake browser window (Safari-esque).

browser-window

[Demo] [Download]


React use rust

Use Rust in your React.

React use rust

[Download]


table-saw

A lightweight responsive table Web Component that smoothly transitions table rows and columns into a more readable stacked two-column layout on smaller viewports.

table-saw

[Demo] [Download]


is64bit

Check if the operating system CPU architecture is 64-bit or 32-bit.

is64bit

[Download]


system-architecture

Get the operating system CPU architecture.

system-architecture

[Download]


DuckOS

A purely static web-based operating system designed to combat internet censorship.

Capture

[Download]


Mode Watcher

Simple utilities to manage light & dark mode in your SvelteKit app.

Mode Watcher

[Download]


Quick SQL

Quick SQL is a markdown-like shorthand syntax that expands to standards-based Oracle SQL. It is useful to rapidly design and prototype data models.

Quick SQL

[Download]


DOM Wizard

DomWizard is a JavaScript library that simplifies DOM manipulation and CSS styling. It provides functions for creating, updating, reading, and deleting DOM elements, as well as managing CSS styles in a straightforward manner. The library also offers a lightweight routing system and an experimental global variable store for data management.

DOM Wizard

[Demo] [Download]


Pristine Grid WebGPU

A simple WebGPU implementation of the "Pristine Grid" technique.

Pristine Grid WebGPU

[Demo] [Download]


Generate A Clean Calendar For Any Month And Year – Calendar.js

A tiny JavaScript library for generating a calendar UI based on the year and month you specify.

Generate A Clean Calendar For Any Month And Year – Calendar.js

[Demo] [Download]


Numberify-Text

A JavaScript library that can take numbers written in words and convert them to numeric digits.

Numberify-Text

[Demo] [Download]


CSS-only Multi-line Responsive Ribbon

See the Pen CSS-only Multi-line Responsive Ribbon by Temani Afif (@t_afif) on CodePen.


Progressively Enhanced Curved CSS Gallery

See the Pen Progressively Enhanced Curved CSS Gallery by Alex Riviere (@fimion) on CodePen.


Character Showcase Gallery

See the Pen Character Showcase Gallery by Ethan (@pleasedonotdisturb) on CodePen.


Spotlight - focus

See the Pen Spotlight - focus by Wakana Y.K. (@wakana-k) on CodePen.


Modern CSS only column hover

See the Pen Modern CSS only column hover by Sten Hougaard (@netsi1964) on CodePen.


AI Weekly Digest Issue #29

Get your AI update with AI Weekly Digest Issue #29 for Week 44 of 2023. A curated selection of the most impactful AI news and events worldwide.

AI Weekly Digest Issue 29

[Download]


Run Generative AI On-Premise with BionicGPT

An open-source alternative to ChatGPT that prioritizes data confidentiality without compromising on AI functionality.

Run Generative AI On-Premise with BionicGPT

[Try It Out]


Turn Text into Slack Emojis with the Emoji Gen AI Tool

An open-source alternative to ChatGPT that prioritizes data confidentiality without compromising on AI functionality.

Turn Text into Slack Emojis with the Emoji Gen AI Tool

[Try It Out]


XnlReveal

A Chrome/Firefox browser extension to show alerts for relfected query params, show hidden elements and enable disabled elements.

XnlReveal

[Download]


BakeryLandingPage

Beautiful bakery landing page in HTML.

BakeryLandingPage

[Demo] [Download]


Image Layer Animations with Clip-Path

Some ideas for speedy page transition animations with layered images using clip-path.

Image Layer Animations with Clip-Path

[Demo] [Download]