Weekly Web Design & Development News: Collective #523

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

Web Design & Development News: Collective #523

Nostalgist.js

Nostalgist.js is a JavaScript library that allows you to run emulators of retro consoles, like NES and Sega Genesis, within web browsers.

Nostalgist.js

[Demo] [Download]


nativecn-ui

Beautiful and customizable React Native components, inspired by shadcn-ui.

nativecn-ui

[Demo] [Download]


fit-vids

Web Component version of FitVids from the creator of FitVids. This will make your video embeds squishy when you wrap them in a wonderfully namespaced custom element.

Decode FormData

[Demo] [Download]


Mini Canvas Editor

Canvas editor component for JavaScript application. Works with any front-end framework. Easy to integrate and use. Well-known graphical interface. Edit images, draw shapes, add texts and more. Gzipped size less than 100 KB. Uses Fabric.js internally.

Mini Canvas Editor

[Demo] [Download]


SplitBun

A lightweight yet robust text split JavaScript library that enables effortless breaking down of text elements into lines, words, or characters.

SplitBun

[Demo] [Download]


detect-browser-es

ESM build of detect-browser with server info via std-env.

[Download]


DigestBox

DigestBox takes any webpage URL (news article, video link, comment thread, etc.) and gives you just the raw content.

DigestBox

[Demo] [Download]


js-img-magnify

A tiny image zoom JS library that makes it easy to enable intuitive image magnification with hover previews.

js-img-magnify

[Demo] [Download]


flexoki

An inky color scheme for prose and code.

flexoki

[Demo] [Download]


fadblock

Friendly Adblock for YouTube: A fast, lightweight, and undetectable YouTube Ads Blocker for Chrome, Opera and Firefox.

fadblock

[Download]


YT Siphon

YT Siphon is a browser extension that lets you choose to open YouTube videos in alternative frontends. Instead of auto-redirecting, it gives you the power to decide with simple shortcuts.

YT Siphon

[Download]


CodeScribe

CodeScribe is a Visual Studio Code extension designed to help you generate documentation from code comments in your code files. It can identify and extract comments within your code, making it easier to document your codebase. This extension is a valuable tool for developers who want to create well-documented code quickly and efficiently.

  • Code Comment Parsing: CodeScribe parses code comments, including both single-line (//) and multi-line (/* */) comments.
  • Documentation Generation: Easily generate documentation from your code comments to describe your code's functionality.
  • Quick Access: Use the provided commands to initiate the code comment parsing process.

[Download]


Lego toggles, checkboxes and radio buttons

See the Pen Lego toggles, checkboxes and radio buttons by Nicolas Jesenberger (@nicolasjesenberger) on CodePen.


Masonry Nature Photo Gallery

See the Pen Masonry Nature Photo Gallery by Aryan Tayal (@aryancodeworm) on CodePen.


Space-Futuristic Text Animation

See the Pen Space-Futuristic Text Animation by M-A Lavigne (@malavigne) on CodePen.


Scroll Linked Parallax with ViewTimeline

See the Pen Scroll Linked Parallax with ViewTimeline by Jhey (@jh3y) on CodePen.


GSAP Flip Cart

See the Pen GSAP Flip Cart by Ryan Mulligan (@hexagoncircle) on CodePen.


AI Weekly Digest Issue #27

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

AI Weekly Digest Issue 27

[Download]


A Prompt Seach Engine For Text-to-image AI – Freeflo

A prompt search engine that allows users to search a database of prompts used to generate images with text-to-image platforms.

A Prompt Seach Engine For Text-to-image AI – Freeflo

[Try It Out]


Handwritten Cyrillic Font Everlasting

Handwritten Cyrillic Font Everlasting

[Download]