Weekly Web Design & Development News: Collective #475

by jQueryScript,

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 45, 2022).

Web Design & Development News: Collective #475

vue-mixable

Convert mixins into composables to reuse them in Composition API. This library is primarily useful for developers trying to migrate a Options-API codebase using Mixins for code sharing to Composition API using composables for code sharing.

vue-mixable

[Download]


Pathfinding Visualizer

A pathing visualizer made using Next.js, TypeScript and Tailwind. This project implements four pathfinding algorithms (Breadth-First Search, Depth-First Search, Dijkstra, and A-Star) and two maze generation algorithms (Binary Tree and Recursive Division).

Pathfinding Visualizer

[Demo] [Download]


React Native Calendar Kit

React Native Calendar component, fully implemented using @shopify/flash-list, react-native-gesture-handler and react-native-reanimated. Support pinch to zoom, drag and drop to create/update event.

React Native Calendar Kit

[Demo] [Download]


react-cyber-elements

A collection of open-source cyberpunk SVG elements (icons and shapes) for React-powered applications.

react-cyber-elements

[Demo] [Download]


lens-use

React hooks for Lens Protocol.

lens-use

[Download]


altium.js

A JavaScript library for parsing and rendering Altium schematic (SchDoc) files in the browser. It currently handles most features of schematic documents as of Altium Designer version 22.5.

altium.js

[Download]


fast-json-clone

Clone plain JSON value faster than the fastest.

fast-json-clone

[Download]


Vue3 starter kit

Start your Vue3 app with full authentication routes, payment support, multilingual abilities, a global event bus, meta+schema tag generators, and more!

Vue3 starter kit

[Download]


react-native-tooltiplize

react native tooltip like never before, using leading packages like react-native-reanimated v2, framer-motion, and @gorhom/portal

react-native-tooltiplize

[Download]


Unilight

A simple syntax highlighter that uses only Unicode variations to highlight code blocks on the page.

Unilight

[Demo] [Download]


js-generate-password

js-generate-password is usable for every javascript and typescript based project like react, vue, node, etc. it used to generate passwords that may contain alphabets, number and symbols. The options parameter enables the user to enable or disable the characters that are used to generate random password.

js-generate-password

[Download]


vThumb.js

This package will generate n numbers of thumbnails at different positions in a given video file.

vThumb.js

[Demo] [Download]


css-popup-slider

Pure CSS popup slider for experiment.

css-popup-slider

[Demo] [Download]


hiSHtory Better Shell History

A better shell history. It stores your shell history in context (what directory you ran the command in, whether it succeeded or failed, how long it took, etc). This is all stored locally and end-to-end encrypted for syncing to to all your other computers. All of this is easily queryable via the hishtory CLI. This means from your laptop, you can easily find that complex bash pipeline you wrote on your server, and see the context in which you ran it.

hiSHtory Better Shell History

[Download]


marten

A Crystal Web framework that enables pragmatic development and rapid prototyping. It provides a consistent and extensible set of tools that developers can leverage to build web applications without reinventing the wheel.

marten

[Demo] [Download]


Gradient border with rounded corners

See the Pen Gradient border with rounded corners by Adam Argyle (@argyleink) on CodePen.


80s retro

See the Pen 80s retro by Maja (@majchi) on CodePen.


CSS only rhombus pattern

See the Pen CSS only rhombus pattern by Temani Afif (@t_afif) on CodePen.


7 segment display clock

See the Pen 7 segment display clock by Mark Boots (@MarkBoots) on CodePen.


10 Best Free Tooltip Components For React & React Native

10 of the best and open source tooltip components that can be used in modern React- and React Native-powered web applications.

10 Best Free Tooltip Components For React & React Native

[Download]


Responsive Sushi Website

Responsive Sushi Restaurant Website Design Using HTML CSS & JavaScript.

Responsive Sushi Website

[Download]


Mono Theme for Firefox

Mono Firefox Theme for Linux.

Mono Theme for Firefox

[Download]


Exile Free Font

A display stencil font inspired by music and iconic logo of The Rolling Stones.

Exile Free Font

[Download]