Weekly Web Design & Development News: Collective #397

by jQueryScript,

Here's the 397th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #397

slidev

Presentation Slides for Developers.

slidev

[Demo] [Download]


zx

A tool for writing better scripts. Developed by Google.

zx

[Download]


Real-time Twitter Header

Fun little experiment with Twitter API.

Real-time Twitter Header

[Download]


fluid-typography

Find the perfect CSS values for your fluid heading, and control how it scales across different viewport widths.

fluid-typography

[Demo] [Download]


morsemoji

Convert text to morse code... with emojis!

morsemoji

[Demo] [Download]


show-keys

Utility to show key presses in your application.

show-keys

[Demo] [Download]


pintr

Create single line SVG illustrations from your pictures.

pintr

[Demo] [Download]


Simpl.DB

A lightweight, easy-to-use local database using JSON to store data.

Simpl.DB

[Download]


wait-for-it.js

A JavaScript Library that allows you to execute function when a certain element gets added to the document.

wait-for-it.js

[Demo] [Download]


Vanilla JS Audio Player

A neumorphic style audio player in Vanilla JavaScript.

Vanilla JS Audio Player

[Demo] [Download]


Picus

Customizable notification system for websites built with js.

Picus

[Demo] [Download]


THREE-Noise

Simple gradient noise library for use with Three.js.

THREE-Noise

[Demo] [Download]


Aoi.JS

Aoi.js - Library that simplifies coding for developing your Discord Bot.

Aoi.JS

[Demo] [Download]


Easy Tags Input Component For Bootstrap 5 – Tags.js

A vanilla JavaScript (ES6) extension to Bootstrap 5 that converts a multi-select box into a user-friendly tags input component.

Easy Tags Input Component For Bootstrap 5 – Tags.js

[Demo] [Download]


Smoke Ring Speedometer

See the Pen Smoke Ring > Speedometer by Tom Miller (@creativeocean) on CodePen.


Checkbox group styled as tiles

See the Pen Checkbox group styled as tiles by Håvard Brynjulfsen (@havardob) on CodePen.


Simple CSS loaders

See the Pen Simple CSS loaders by Jenning (@jenning) on CodePen.


50 Frosted Glass (Glassmorphism) Icons For Figma App

A set of 50 trendy Frosted Glass style (Glassmorphism) icons for modern web & mobile design.

50 Frosted Glass (Glassmorphism) Icons For Figma App

[Download]