Weekly Web Design & Development News: Collective #475
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 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.
[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).
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-cyber-elements
A collection of open-source cyberpunk SVG elements (icons and shapes) for React-powered applications.
lens-use
React hooks for Lens Protocol.
[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.
[Download]
fast-json-clone
Clone plain JSON value faster than the fastest.
[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!
[Download]
react-native-tooltiplize
react native tooltip like never before, using leading packages like react-native-reanimated v2, framer-motion, and @gorhom/portal
[Download]
Unilight
A simple syntax highlighter that uses only Unicode variations to highlight code blocks on the page.
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.
[Download]
vThumb.js
This package will generate n numbers of thumbnails at different positions in a given video file.
css-popup-slider
Pure CSS popup slider for experiment.
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.
[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.
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.
[Download]
Responsive Sushi Website
Responsive Sushi Restaurant Website Design Using HTML CSS & JavaScript.
[Download]
Mono Theme for Firefox
Mono Firefox Theme for Linux.
[Download]
Exile Free Font
A display stencil font inspired by music and iconic logo of The Rolling Stones.
[Download]
