Weekly Web Design & Development News: Collective #454

by jQueryScript,

Here's the 454th 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 #454

mage-ai

An open-source data management platform that helps you clean data and prepare it for training AI/ML models.

mage-ai

[Download]


Preline UI

An open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

Preline UI

[Demo] [Download]


Scroll Follow Tab

A lightweight javascript library without jQuery, no dependencies. It is used to make scrollspy effect for your menu, table of contents, etc. Only 21.7Kb.

Scroll Follow Tab

[Demo] [Download]


pixel-perfect.js

Display Image Pixel Perfect.

pixel-perfect.js

[Demo] [Download]


Face Detector JS

A JavaScript-powered face detector that makes it easier to detect faces in an image using HTML5 canvas API.

Face Detector JS

[Demo] [Download]


pico-8-typescript

Create PICO-8 games in TypeScript.

pico-8-typescript

[Download]


url-map

Use URL parameters to generate a map with markers, using Leaflet and OpenStreetMap.

url-map

[Demo] [Download]


liner-bar

A lightweight JavaScript library to generate Segmented Horizontal Bar Graphs from an array of JS objects.

liner-bar

[Demo] [Download]


roman.js

Convert Numbers to Roman numerals.

roman.js

[Download]


Digital Ruby Exit Popup

Simple Exit Popup in Plain Javascript.

Digital Ruby Exit Popup

[Demo] [Download]


Responsive Website with Effects

This is an a project of making a responsive webpage with both PC and mobile views, and drop down menus and sidebars.

Responsive Website with Effects

[Demo] [Download]


MindWired

A powerful and open-source tool for drawing dynamic, interactive mindmaps on an HTML canvas element. It uses HTML5 Canvas API and allows you to export data as JSON or just view the mind map inside your browser.

MindWired

[Demo] [Download]


Vytal

A browser extension that utilizes the chrome.debugger API to mock device data that could otherwise reveal information about you. This website scans your browser for such data. A red x signifies that the scanner has detected tampered data. A green check means that no tampering has been detected.

Vytal

[Download]


3D Scrolling Gallery/Timeline

See the Pen 3D Scrolling Gallery/Timeline by Tom Miller (@creativeocean) on CodePen.


Toast Message JavaScript + CSS

See the Pen Toast Message JavaScript + CSS by Chris Pennington (@Coding-in-Public) on CodePen.


Another Datepicker

See the Pen Another Datepicker by Aaron Iker (@aaroniker) on CodePen.


Glassmorphism Creative Cloud App Redesign

See the Pen Glassmorphism Creative Cloud App Redesign by Aysenur Turk (@TurkAysenur) on CodePen.


5 Best React Based JSON Viewer To Help View & Edit JSON Data

A list of 5 best React.js based JSON viewer to view & edit JSON data.

5 Best React Based JSON Viewer To Help View & Edit JSON Data

[Download]


3 Best Free Step-by-step Guided Tour Plugins For WordPress

3 best free WordPress plugins that easily add effective guided tours (walkthroughs or onboarding) to Word Press website.

3 Best Free Step-by-step Guided Tour Plugins For WordPress

[Download]


7 Best Arrows (Directional Symbols) Packs For Free Download

A collection of 10 best and free arrows icons, arrow shapes, and directional symbols for your next design project.

7 Best Arrows (Directional Symbols) Packs For Free Download

[Download]


Toy Store eCommerce free UI Kit

A modern e-commerce ui kit for online toy stores.

Toy Store eCommerce free UI Kit

[Download]