Web Tools Weekly
Tools for Web Developers

Issue #607  (JS Utils, Media, AI Tools)03/06/25


Advertisement

WorkOS: Modern Identity Platform for B2B SaaS
With WorkOS you can start selling to enterprises with just a few lines of code. 

  • WorkOS provides a complete user management solution along with SSO, SCIM, RBAC, and Audit Logs. 
  • Modular and easy-to-use APIs allow you to finish integrating in minutes instead of months. 
  • User management is free up to 1 million MAUs and includes bot protection, MFA, roles/permissions, and more.
WorkOS

WorkOS powers some of the fastest growing startups like Perplexity, Vercel, and Webflow.

Start Integrating Today →

Just a reminder, if you haven't done so already, make sure to add my email address to your contacts. This will ensure that none of these issues go into your spam folder.

If you notice they do go into spam, you could also just hit reply and say hi. That tends to 'train' your email client to trust my emails. Thanks for your support!

Now on to this week's tools!

JavaScript Utilities

upfetch — An advanced fetch client builder with standard schema validation, automatic response parsing, and smart defaults, designed to make data fetching type-safe and developer-friendly while keeping the familiar fetch API.

Human Regex — A human-friendly regular expression builder with English-like syntax, with features like an intuitive builder pattern with chainable methods, common pattern validators, and support for all regex flags.

Languine — An AI-powered npm package that allows you to translate your app into 100+ languages with ability to make updates based on Git diffs, all done via the command line.

Add SSO the Easy Way — WorkOS helps you ship SSO and other enterprise features this afternoon. From high-quality documentation to self-serve onboarding for your customers, we remove all the unnecessary complexity for your engineers.   SPONSORED 

Viselect — A high-performance and lightweight library to add a visual way of selecting elements, similar to a desktop experience, with zero dependencies and support for major frameworks.

tinygradient — A fast and small gradient manipulation library built on top of TinyColor, allowing you to programmatically generate color gradients with an unlimited number of color stops and steps, using RGB or HSV interpolation.

tinygradient

trimMiddle — A utility that shortens strings like Finder on Mac does, trimming the string in the middle, instead of start or end, and adding an ellipsis, or other character of your choice.

dockview — A dependency-free layout manager that supports tabs, groups, grids, and splitviews, with support for React, Vue, and Vanilla TypeScript.

caravan — A flexible, transport-based logging system for JavaScript/TypeScript applications.

Fraction.js — A rational numbers library that effectively addresses precision issues in JavaScript.

Media Tools (SVG, Audio, etc.)

Chiptune.js — A JavaScript library that can play module music files using a simple API and features like pause/resume, ability to play local and remote files, volume control, and more.

Phase — A no-code animation tool for UI/UX prototyping, with collaboration features, a clean UI, import for SVG and export in Lottie formats.

Filter — A powerful, web-based image editor that provides a modern, intuitive interface for quick image edits and filters, optimized for both desktop and mobile devices.

Animated Emoji — The official repository of all things related to animating Noto Emoji, the Google Font of emoji characters, all searchable and can be exported in Lottie format.

litegraph.js — A JavaScript library to create graphs in the browser that can be integrated easily in any existing web applications and graphs can be run without the editor.

Tech Productivity — A weekly newsletter featuring tips, apps, tool, and articles on productivity, focus, brain science, habits, work culture, and more, hand-curated every week from dozens of sources.   SPONSORED 

Waveform Renderer — A lightweight and customizable TypeScript library for rendering audio waveforms on an HTML canvas, to create beautiful, interactive audio visualizations with ease.

Waveform Renderer

Freesound — A collaborative, searchable collection of 650,000+ free sounds in WAV format, under different licenses for commercial use, use with attribution, etc.

Aha Icon — An online all-in-one favicon generator that lets you add your own text, adjust border radius, background color, gradient, font settings, with export to PNG or ICO in 5 different sizes.

SVG Shape Generator — A simple tool to customize and generate SVG shapes and blobs, with ability to adjust the 'blob-iness', color, and more.
 
Advertisement

Is Your Testing Stack Holding You Back?
Slow test cycles, scattered tools, endless context switching? It’s not you—it’s your toolchain. With the BrowserStack Test Platform, you can build the test stack your team actually wants—AI-powered automation, 20,000+ real devices, seamless test orchestration, and deep insights, all in one place.

  • Speed up testing with AI-powered automation & real devices
  • AI Agents optimize every stage—from planning to validation
  • Unified reporting & deep insights
  • 100+ integrations for seamless CI/CD
BrowserStack

No more juggling tools or flaky tests. Just smarter testing, faster releases, & up to 50% productivity gains.

Get Started For Free! →


 

AI Tools, ChatGPT, etc.

surf.new — A playground for testing web agents powered by Steel.dev, to experience how different AI agents can surf and interact with the web just like humans do.

Claude Code — An agentic coding tool for your terminal that understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling Git workflows. all through natural language commands.

Cherry Studio — A desktop client that supports multiple LLM providers, and is available on Windows, Mac and Linux.

Tech Productivity — A brief weekly newsletter for tech professionals who want to get stuff done. Tools, articles, and more, all hand-curated.   SPONSORED 

AI Video Starter Kit — A powerful starter kit for building AI-powered video applications, built with Next.js, Remotion, and fal.ai, to simplify the complexities of working with AI video models in the browser.

AI Video Starter Kit

Open Deep Research — An AI-powered research assistant that performs iterative, deep research on any topic by combining search engines, web scraping, and large language models.

OpenAI Go — Official Go library for the OpenAI API to provide convenient access to the OpenAI REST API from applications written in Go.

Gemini Search — A Perplexity-style search engine powered by Google's Gemini 2.0 Flash model with grounding through Google Search, providing AI-powered answers to your questions with real-time web sources and citations.

bolt.diy — The official open source version of Bolt.new, enabling you to prompt, run, edit, and deploy full-stack web applications using any LLM you want.

Chorus —  A Mac app that lets you chat with a bunch of AIs on your desktop, with support for GPT-4o, Claude Sonnet 3.5, Gemini Flash, Deepseek, OpenRouter, and any local open source model running on your system.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Softgen – An AI-powered tool to build full-stack web apps with no coding required.
Meet Harmony – An open source library for composing consistent and highly performant platforms from independent business features.     AD 
Conductor – A desktop app for MacOS that makes it fast and  easy to convert and transform all your media files (video, GIF, images, etc).
Pixelcode – A Chrome extension to convert images, PDFs, and video screenshots into editable code.
Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights.    AD 
Snippy – An AI-powered Chrome extension to create, save, and use your snippets across any website.
DataGIF.io – Convert Excel or CSV files to  animated charts for social media, presentations, websites, etc.

A Social Post for Thought

I think this is a pretty accurate summary of Semantic Versioning.
 
This is how you're actually supposed to do software versioning
 

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X or via chat on Bluesky (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...

RetroFab is an online collection of vintage electronic game simulations that you can play in the browser. Amazingly, they have an old game that I owned as a child called Sky Attack!

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris