Web Tools Weekly
Tools for Web Developers

Issue #621  (Frameworks, Media, Build Tools)06/12/25


Advertisement

Debug & Mock APIs Right in Your Browser
Tired of dealing with proxy configs just to debug a simple API call? Requestly (now part of BrowserStack) has solved this for thousands of developers.

✅ Intercept and debug HTTP requests directly in your browser.
✅ Mock APIs instantly with zero setup—no system proxies or SSL certs needed.
✅ Enterprise-ready with SSO, RBAC, SLAs, and SOC-II compliance.

Requestly by BrowserStack

The best part? Your whole team can share the same debugging rules instantly—no more “it works on my machine” issues. Perfect for when you need to quickly test an API change or debug that mysterious network issue holding up your sprint.

Try Requestly for Free! →

 

Web Frameworks

Kokonut UI — 100+ open source UI components built with Tailwind and shadcn/ui for projects built with React and Next.js.

Volt — A suite of fully customizable, accessible components powered by the Unstyled PrimeVue Core and Tailwind.

Unverceled Next.js — A tooling-heavy Next.js 15 starter template deployed to Cloudflare Workers using OpenNext with Github Actions, Commitlint, Commitizen, Playwright, Prettier, ESLint, and lots more.

Debug APIs with Zero Setup — Requestly lets you debug and mock APIs right in your browser—no proxy configs, no SSL certs, no hassle. Intercept HTTP requests, test changes, and collaborate with your team. Get started for free!    SPONSORED 

SmoothUI — A collection of beautifully designed components with smooth animations built with React, Tailwind, and Motion.

Bits UI — A suite of flexible, unstyled, and accessible primitives for Svelte that provide the foundation for building your own high-quality component library.

Bits UI

Open Props UI — A CSS UI library exploring how next-generation HTML and CSS features can change the way we create components.

Minimal Next Starter — An opinionated, super minimal Next.js starter template, as an alternative to create-next-app's template.

RizzUI — A library of 40+ minimal, accessible, and customizable production-ready React UI components styled with Tailwind.

Media Tools (SVG, Video, etc.)

transcoder — A lightweight Node.js module for transcoding videos to web-friendly MP4 format using FFmpeg.

Hyvector — A web-based vector graphics (SVG) editor that contains a full set of features for editing and viewing SVG paths and objects.

Cartwheel — A web-based platform to animate characters for videos, games, 3D, movies, ads, social media, and more. Free plan includes 150 "spins" per month.

Glow UI — A library of 440+ open source SVG icons in outline or solid style, made for interfaces and also available for Figma.

Glow UI

snapDOM — A fast and accurate DOM-to-image capture utility for JavaScript that captures any HTML element as SVG, preserving styles, fonts, background images, pseudo-elements, and DOM, with export to SVG, PNG, JPG, WebP, or canvas.

The Best App for Newsletter Reading — Reading newsletters in the inbox is frustrating – it's noisy and easy to lose control of subscriptions. Now you can enjoy your newsletters outside the inbox with Meco, an app built for reading.   SPONSORED 

Ableton Live — A JavaScript library for Node.js and the Browser for communicating with Ableton Live (the popular DAW for music production) via WebSocket.

Svggles — A React utility package for creating interactive illustrations using SVGs, allowing you to create effects with mouse-tracking, animated paths, or scroll-triggered transformations.

WASM Audio Decoders — A collection of Web Assembly audio decoder libraries optimized for browser use with support for synchronous decoding on the main thread as well as asynchronous (threaded) decoding through a built in Web Worker implementation.
Advertisement

Tired of Late Payments and Messy Invoicing?
This guide is your go-to resource for streamlining payments, improving cash flow, and keeping your business running smoothly.

What’s inside:
✔️ An actionable 8-step framework to create a seamless payment process
✔️ Expert strategies to reduce late payments and enhance your professional image

Ignition

A well-structured payment system leads to smoother operations, happier clients, and long-term financial success.

Download the Guide Now →


 

Build Tools, Bundlers, etc.

Rolldown — The repo still says that it's "not usable for production yet" but this already popular Rust-based bundler for JavaScript with a Rollup-compatible API is now at version 1.x Beta.

React Three — A web tool that allows you to visually select packages and tools you want to include in a new React Three Fiber project, and the tool will allow you to generate the npm command or scaffold it directly via GitHub.

create-tsrouter-app — A drop-in replacement for create-react-app that builds TanStack Router-based single page applications (SPA).

The Morning Paper for Tech — Want a byte-sized version of Hacker News that takes just a few minutes to read? Try TLDR's free daily newsletter. It covers the most interesting tech, startup, and programming stories in just 5 minutes. No sports and no politics.   SPONSORED 

Snaptail — A tool that allows you to build a small React-based app or try an idea without setting up an entire project, but instead build the app with a single file.

Snaptail

unloader — A Node.js loader framework, similar to Rollup as a general bundler, providing customization capabilities through a subset of the Rollup plugin API.

Fusion — A PHP package manager that automates tasks in PHP projects, like managing dependencies, migrating package states, and loading code.

eslint-merge-processors — A JavaScript utility that enables you to merge multiple ESLint processors to behave like one, done via a mergeProcessors() method.

npm-package-info.vim — A Vim plugin to fetch and display information about npm packages directly from your editor.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Brilliant – A native Mac app that provides an infinite, digital canvas to turn any screen into Figma or Canva.
Code & Character – Stoic dev insights that sharpen how you think, lead, and build.  AD 
Comet UI – Handcrafted, accessible UI components made with Headless UI, Tailwind, React, and Motion.
Cascadeur – Native 3D software to create keyframe animations with AI and physics tools.
Techpresso – Join 300,000+ free daily readers for the latest AI and tech news, tools, and insights.    AD 
LaunchJet – A boilerplate with for building apps with authentication, payments, and UI components.
illustration.ai – A vector graphics generator that allows you to create scalable illustrations for apps, etc.

A Social Post for Thought

I'm definitely going with shadcn. No question about it.
 
liquid glass design vs. shadcn on X
 

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...

I'm not usually into allowing random websites to generate my passwords for me, but I have to admit Password Basket is quite satisfying.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris