Web Tools #532 - Guitar Tools, React, SVG, Uncats

Web Tools Weekly
Tools for Web Developers

Issue #532 • September 28, 2023


Let Auth0 by Okta Take Care of Customer Identity
Got better things to worry about than building Identity? If you’re an eligible startup, you can use Auth0’s Identity platform free for one year. By joining Auth0 for Startups, you’ll get access to the full, rich feature set of Auth0 including SSO, MFA, and universal login.


Use it to create secure, frictionless user access experiences that exceed customer expectations — and customize everything with low/no coding. This is a unique opportunity to get your application to market faster while giving your customers the best login box in the market.

Check Eligibility Now


Long before I ever got into web development (which was 1999), I started playing guitar. I was into the grunge scene in the early 90s like every self-respecting mid-twenties suburbanite. If you were a white kid living in your parents house in the 90s, Nirvana's album Nevermind was issued to you and you were required by law to start a crappy grunge band.

I was so obsessed with 90s music that I even attempted to audition for the guitar player role in the Red Hot Chili Peppers! I actually got a call to fly out to Los Angeles but couldn't afford it. But don't get too excited – everyone got the callback, those auditions were pretty much a disaster.

Over the last 6 or 7 years, I've started playing guitar again regularly and sometimes I'll jam with friends. I started a music-based YouTube channel about two years ago that I occasionally update.

Of course, this is a tools newsletter, so I'm not going to bore you too much with the history of my music hobby. Since some of you might be hobby musicians as well, I thought it would be useful to share some of the online tools I use when making YouTube videos and doing other guitar-related things.

Ultimate Guitar
Probably the most popular guitar tabs resource. I have a pro account, so I can view and contribute to "official" tabs. I regularly contribute corrections there, as even the "official" tabs are often wrong.

Ultimate Guitar

My favourite track separation tool. The free version is pretty much all most people will need. It permanently stores everything you separate. I often use it to play along with tracks or create my own backing tracks, which I sometimes upload to my YouTube channel.


Sometimes I want to jam along to a song without actually playing a backing track, but I want to know the tempo. This website tells me the BPM and key for any song so I don't have to figure out the tempo myself.


Tap Tempo
Alternatively, this is a simple app that lets you tap along with any song to find the BPM manually.

Tap Tempo

My favourite website for writing custom guitar tablature. It's not perfect, but I like the way it looks and it's easy to use. I use this app to create screenshots for the guitar lessons and on-screen tab videos I've included on my YouTube channel.


A simple drum machine app that's installable as a PWA. Useful for jamming along with a custom beat (although I also have a real Boss drum machine that I bought back in the 90s that's pretty cool too).


Chord Identifier (Namer)
When I write my own tabs, I like to put the chord names at the top of the tab staffs. This is a nice tool to find the names of obscure chords.

Chord Identifier

That's pretty much the set of tools I use regularly, along with various native apps, for fiddling around and experimenting in the non-web development side of my life.

If you happen to be a musician yourself and have any interesting tools that you like to use, feel free to reply to this email or hit me up on Twitter/X. I'd love to hear what stuff you've been using and if you have suggestions for any better alternatives to the tools I listed above!

Now on to this week's (web development) tools!


React Tools

React Lite Month Picker
Here's something a little different and minimalist, a date picker that's nothing but a simple, customizable month picker component for React.

A self-hosted, drag and drop editor for React that allows integrations with third-party CMS's and no vendor lock-in.

A server state management library for React that provides full control over data, leading to a better user experience.

Let Auth0 by Okta Take Care of Customer Identity
We know you have a million things to worry about. Let us take care of Identity, so you can focus on everything else. Auth0 for Startups enables startups to provide secure access to any application, for any user.     SPONSORED 

A React component that automatically creates a @shadcn/ui form based on a zod schema.

Remix PWA
A Progressive Web App framework that seamlessly integrates PWA features into Remix including offline support, caching, installability on Native devices, and more.

React Plock
A small React package that lets you create responsive and customizable masonry layouts.

React Plock

A powerful and hackable copilot for any React app that lets you get started in minutes and iterate as needed.

A small command-line tool that turns GLTF assets into declarative and reusable react-three-fiber JSX components.

A set of React hooks that manage a complex component state in an easy, testable and deterministic way.

Media Tools (SVG, Images, etc.)

A pure 100% JavaScript implementation of the HTML Canvas 2D drawing API for NodeJS that has no native dependencies.

An online tool that lets you upload SVG icons  in ZIP format, then the tool will export them as React, Vue, and Svelte components.

Four collections of free, hand-drawn illustrations in SVG format that you can use in commercial projects.

UI Skeleton Gallery
A free customizable collection of SVG skeleton loader UI elements for design wireframes and mockups.

Hal9: Chat with Your Data, Get Insights in Seconds
Chat with your enterprise databases using secure generative AI and empower business users in your team to do their own data analyses in seconds.    SPONSORED 

An AI-based image copilot plugin for Photoshop, for creating generative art, customized models, and more.

A collection of 660+ free icons in bold and line styles, designed for use Vue and React projects.


A lightweight image format (text/typogram) useful for defining simple diagrams in technical documentation.

An open-source drawing web application with a nice, easy to use UI that lets you export your drawings in PNG or JPEG format.

An editor that lets you convert images to pixel art, add dither, set palettes, and more, made entirely in p5.js.


The Uncategorizables

A visual web interface for FFmpeg. Just type a phrase for what you want to do with your media file and the tool will generate the code.

Rust bindings for writing safe and fast native Node.js modules with no build scripts or dependencies.

Socket Security
A Chrome extension for Socket that adds security metrics to your npm package pages and search results, protecting you from threats in open-source packages before you even install them.

Hal9: Chat with Your Data, Get Insights in Seconds
Chat with your enterprise databases using secure generative AI and empower business users in your team to do their own data analyses in seconds.    SPONSORED 

A changelog service that lets you display app updates, roadmaps, features, and even lets you add a searchable user forum to your product's page.

An open-source tool for embedding an AI chat dialog into your documentation site, to answer user questions based on your content.

An end-to-end programming language toolchain for cloud and edge computing using WebAssembly.


An easy-to-use developer platform that enables developers to quickly deploy any application. Includes a decent free starter plan for a single user.

A simple, modern, and generic standard for managing and collaborating software configurations.

Plug-and-play app-level authorization to enforce in frontend or backend and control via no-code UI elements.

Web Tools Directory
A set of online tools for doing various tasks that includes everything from generators, spell check, lorem ipsum, dummy images, and lots more.

Commercial Apps and Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Courier Inbox – APIs and SDKs to add a modern notification inbox to your web or mobile application.
Bytes – A JavaScript newsletter that's informative and entertaining, for all levels of JS devs.    AD 
Forminer – A seamless drag-and-drop form builder for React apps with a schema-first approach.
Figma to React Bootstrap - Gen-erate code-ready React-Bootstrap components from Figma designs.
Brilliant – Learn math and CS using interactive problem solving that's effective and fun.    AD 
CodeRabbit – An innovative, AI-driven platform that transforms how pull requests are reviewed.
Roll – AI-based video production studio in a mobile app for studio-quality remote video recording.

An X Post for Thought

Yeah, I'd say that's pretty irritating!
An X Post for Thought

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X @LouisLazaris (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.

Before I Go...

Rooms is a platform that let's you create games and interactive experiences in the browser. You can browse and remix existing 'rooms' or create your own from the hundreds of items that become functional using code.

Thanks to everyone for subscribing and reading!

Keep tooling,

Older messages

Web Tools #531 - Video SDK, JS Utilities, Build Tools, VS Code

Thursday, September 21, 2023

Web Tools Weekly WEB VERSION Issue #531 • September 21, 2023 The following intro is a paid product review for Dyte, a platform that provides a powerful SDK to create immersive live video experiences

Web Tools #530 - DOM Parser, Frameworks, Media Tools, JS Plugins

Sunday, September 17, 2023

Web Tools Weekly WEB VERSION Issue #530 • September 14, 2023 Advertisement They Call it the “Tesla of Productivity Apps" Achieve maximum productivity with: Daily planning: Add or create a daily

Web Tools #529 - CSS Survey, JS Utils, ChatGPT, JSON/DB

Thursday, September 7, 2023

Web Tools Weekly WEB VERSION Issue #529 • September 7, 2023 Advertisement How To Adjust Image Size Without Distortion Resizing pictures is an easy task, but it gets terrifying when you deal with

Web Tools #528 - CSS Tools, Git/CLI, Uncats

Thursday, August 31, 2023

Web Tools Weekly WEB VERSION Issue #528 • August 31, 2023 Advertisement The Marketer's Guide to Composable Content Creating and publishing content shouldn't be that hard. Grab this marketer-

Web Tools #527 - JS Libraries, Testing Tools, Vue.js

Thursday, August 24, 2023

Web Tools Weekly WEB VERSION Issue #527 • August 24, 2023 The following intro is a paid product review for Stashpad, a cross-platform note-taking app with a developer-friendly UI. At some point many of

New Roundtable! Collaborative Design Looks Forward

Wednesday, December 6, 2023

Cloud-based solutions leverage MBSE & the virtual twin to make a true collaboration seamless View this email in your browser engineering.com Roundtable - Collaborative Design Looks Forward 6

Infographic | Visualizing $97 Trillion of Global Debt in 2023 🌎

Wednesday, December 6, 2023

Global debt has soared since the pandemic. Which governments have the biggest stockpile of debt outstanding in 2023? View Online | Subscribe Presented by: Invest in Your Growth at Exchange 2024 Visual

Top Tech Deals ⌚︎ Pixel Watch 2, Kodak Print Camera, 10th Gen iPad, and More

Wednesday, December 6, 2023

Get a new smartwatch or some great stocking stuffers from this collection of deals. HowToGeek Logo December 6, 2023 Top Tech Deals: Pixel Watch 2, Kodak Print Camera, 10th Gen iPad, and More Get a new

Linus Torvalds on AI and Linux

Wednesday, December 6, 2023

Pixel's big new camera feature; Best cheap Android tablet -- ZDNET ZDNET Tech Today - US December 6, 2023 placeholder Linus Torvalds on the state of Linux today and how AI figures in its future At

Hey, ChatGPT! Finish This Building

Wednesday, December 6, 2023

‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Microsoft upgrades its Copilot chatbot

Wednesday, December 6, 2023

The Morning After It's Wednesday, December 06, 2023. Microsoft says its Copilot AI chatbot is integrating with OpenAI's latest GPT model and the image generator DALL-E 3, among other upgrades.

Post from Syncfusion Blogs on 12/06/2023

Wednesday, December 6, 2023

New blogs from Syncfusion Easily Convert Organizational Chart Diagrams to PowerPoint Presentations By Shyam G Let's see how to convert an organizational chart created using the Syncfusion ASP.NET

DeveloPassion's Newsletter #148 - Local Large Language Models (LLLMs)

Wednesday, December 6, 2023

Welcome Another week, another newsletter! I hope that you all had a great one 🤩 Only a few weeks left before the end of 2023. What a year! This week, I've had a lot of trouble focusing. I felt

Atlassian Releases Critical Software Fixes to Prevent Remote Code Execution

Wednesday, December 6, 2023

THN Daily Updates Newsletter cover Cybersecurity All-in-One For Dummies ($30.00 Value) FREE for a Limited Time Over 700 pages of insight into all things cybersecurity Download Now Sponsored LATEST NEWS

Starship in-orbit refueling , humanoid robot factory , how iMessage's code works

Wednesday, December 6, 2023

SpaceX and NASA may be demonstrating orbital refueling technology on the next Starship test flight Sign Up|Hire|Advertise|View Online TLDR TLDR 2023-12-06 📱 Big Tech & Startups Elon Musk's AI