Web Tools Weekly
Tools for Web Developers

Issue #585  (JS Libs, Media Tools, JSON/DB)10/03/24


Advertisement

Uncover React Component Usage Across Dev Teams
Omlet gives you data to inform your dev roadmap by analyzing your React components for you.

Omlet

Visualize how and where components are used across your code repos to reduce front-end tech debt and prove design system value.

Try Omlet for Free →

 

JavaScript Libraries & Frameworks

Edge — A simple, modern, and batteries included template engine for Node.js that offers a syntax similar to writing plain JavaScript.

WelsonJS — An Electron-like library to build Windows desktop apps with JavaScript, TypeScript, CoffeeScript, ReScript, and HTML/CSS on Windows' built-in ECMAScript engine.

Boa — An embeddable and experimental JavaScript lexer, parser, and interpreter written in Rust.

Omlet: React Component Usage — Dev teams use Omlet for broad visibility into component library usage. Shorten dev cycles, drive design system adoption, and maintain cleaner code. Get a free report with easy setup, in <5 minutes.   SPONSORED 

DeshiJS — A smooth, minimal template-based and reactive framework for infusing JavaScript with dynamic behavior.

UIX — A full-stack framework for developing reactive web apps with restorable and shared state and runs on a Deno back end and supports both single- and multi page apps with frontend or server-side rendering and hydration.

Turbit — An advanced high-speed multicore computing library in Node.js, designed to optimize performance for computationally intensive operations by leveraging parallel processing across multiple CPU cores.

Turbit

@matry/dom — A web framework for imperative JSX, which attempts to resolve some of the problems inherent with a library like React, which are described in the README.

Eicrud — A cutting-edge, opinionated Node.js framework designed to help you build high-performance REST APIs faster and smarter by abstracting CRUD functionality into an easy-to-use API.

Jira.js — A JavaScript/TypeScript library for Node.js and browsers, to easily interact with the different Atlassian Jira APIs with nearly 100% coverage.

Media Tools (SVG, Video, etc.)

Mixwave — A self-hostable platform that aims to simplify the complexities of video delivery, to transcode and package your media for online streaming with simple API calls and sane defaults.

Iconify — A unified SVG framework that offers one syntax for multiple icon sets including FontAwesome, Material Design Icons, Dashicons, etc., with over 200,000 icons.

Iconify

Figgy — A web app that visualizes your Figma activity with a GitHub-style contribution chart, so you can easily track your daily design contributions, monitor your productivity, and gain insights into your work patterns.

Tech Productivity — A brief newsletter for tech workers featuring tools, apps, tips, articles, and other resources on productivity, work culture, remote work, brain science, and lots more.   SPONSORED 

StockCake — An alternative to stock image sites like Unsplash that offers a vast and diverse collection of categorized and searchable AI-generated public domain photos.

Citizen DJ — A resource for music makers that includes free-to-use audio and video materials under a public domain license from the U.S. Library of Congress.

Confectionery — A minimalistic browser designed for taking screenshots of web pages without the clutter of standard UI elements.

CleanSnap — A simple tool to create and customize screenshots in PNG format, with interactive settings for adding padding, rounded corners, background gradient, noise, transparency, and more.

StreamPot — A TypeScript library that provides scaffolding for transforming media in your app (e.g. trimming a video, stripping the audio from a video, or transcoding a video from MP4 to WebP).

SVG Collector — A Chrome extension that lets you download all SVGs on the current page, with options to download as a file, copy as HTML or JSX, convert to PNG or JPEG, and more.
 
Advertisement

Don't Let Dehydration Catch You Off Guard
Feeling the heat? Dehydration can sneak up on you, leaving you drained and unable to enjoy the sunny days ahead. But don't worry. That’s where NativePath Hydrate comes in.

NativePath Hydrate

Unlike most hydration supplements, Native Hydrate contains high-quality amino acids and electrolytes, providing optimal hydration without excessive sodium or added sugars. With its potent blend of electrolytes, just one scoop mixed into your water or favorite beverage ensures you stay hydrated and energized all season long.

Order Now to Receive Up to 44% Off →


 

JSON Tools, Databases, etc.

Qustar — An expressive and high-level query builder written in TypeScript that lets you query SQL databases through an array-like API, with support for PostgreSQL, SQLite, MySQL, and MariaDB.

jnv — A Rust-based tool designed for navigating JSON, offering an interactive JSON viewer and jq filter editor.

sq — A command-line tool that provides jq-style access to structured data sources including SQL databases or document formats like CSV or Excel.

pgweb — A native cross-platform client for PostgreSQL databases with a clean UI to browse database tables, run and analyze SQL queries, and export query results or table rows to CSV/JSON/XML.

JsonMocker — An easy to use web-based editor to create reusable JSON mock data schema files, with built-in reusable functions you can use to dynamically generate specific types of data.

Tech Productivity — A brief newsletter for tech workers featuring tools, apps, tips, articles, and other resources on productivity, work culture, remote work, brain science, and lots more.   SPONSORED 

Instant — A modern Firebase that makes you productive by giving your front end a real-time database.

ChartDB — A free and open-source database design editor that allows you to build diagrams with a few clicks, see the full picture, export SQL scripts, customize your editor, and more.

ChartDB

Pongo — A MongoDB-compliant wrapper on top of Postgres, with strong consistency benefits.

soft-delete-triggers — A TypeScript library that enables emulating database behavior through triggers when doing soft deletes.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Mind Visuals – A drag-and-drop editor to create and edit videos and animations.
VSCode.Email – A newsletter featuring tools & articles on the world's most popular IDE.    AD 
Jsonify – An AI intern that can autonomously find, extract, and synchronize data on the web.
Fern – A platform that offers Stripe-level SDKs and auto-updated docs for your API.
Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights.    AD 
Ente – An end-to-end encrypted and durable alternative to Google Photos, iCloud, etc.
Certificates.dev – Certifications for JavaScript, Vue, and Angular, to validate your skills for a job search.

An X Post for Thought

This is great advice (or maybe it's just a general statement of fact) from Anthony Fu on making progress in whatever we're working on.
 
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...

Starring the Computer is "a website dedicated to the use of computers in film and television", which includes screenshots along with ratings on importance to the plot, realism, and visibility. An interesting resource if you like movies and film as well as tech.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris