Web Tools Weekly
Tools for Web Developers

Issue #656  (Frameworks, Media Tools, JSON/DB)02/12/26


Advertisement

Fix Slow Websites with In-depth Technical Reports
Wondering why your website is slower than it should be? DebugBear tells you how different network requests and CPU tasks impact page speed.

DebugBear

Use our experiments feature to try out optimizations without deploying code changes on your live site. Run synthetic tests from 30+ global test locations. Collect real user monitoring data to fix Google Core Web Vitals.

Fix Website Performance ðŸ¡º

 

Web Frameworks

shadcn-ui-expansions — A small collection of 14 practical components, built on top of shadcn/ui, with examples like multiple selector, loading button, infinite scroll, etc.

SolidUI — An unofficial port of shadcn/ui and tremor-raw to Solid, offering more than 50 beautifully designed components that you can copy and paste into your apps.

SupaNext Starter Kit — An opinionated starter project for building apps with Next.js, Supabase, Tailwind, shadcn/ui, React, TypeScript, Vitest, Tanstack Query, and lots more.

Page Speed Monitoring â€” DebugBear helps you find slow pages on your website, improve their loading speed, and quickly identify performance regressions.    SPONSORED 

Bundui — A curated collection of over 100 handcrafted UI components made with Tailwind, React, and shadcn/ui, combining aesthetic precision with developer-friendly flexibility.

Bundui

Reshaped — Newly open sourced, this is a set of professionally crafted React and Figma components for building beautiful products or starting your own design system

ChatKit — A framework for building high-quality, AI-powered chat experiences, designed to add advanced conversational intelligence to apps fast with minimal setup and no reinventing the wheel.

FireGEO — A GEO-powered SaaS starter built with Firecrawl for brand monitoring, auth, and billing, along with Next.js 15, TypeScript, and PostgreSQL.

ppai-next-starter — A boilerplate for building projects with Next.js 14 App Router, TypeScript, Drizzle ORM, Stripe, shadcn/ui, and Tailwind.

Media Tools (SVG, Audio, etc.)

Waveform Playlist — A multi-track audio editor and player built with React, Tone.js, and the Web Audio API, featuring canvas-based waveform visualization, drag-and-drop clip editing, and professional audio effects.

PasteResize — A web-based tool to quickly resize, crop, and optimize your images with an online editor.

Launch Llama — Where busy founders discover the 5 best tools every Tuesday, trusted by builders at Google, Stripe, and Notion.   SPONSORED 

svgconverter.online — An online tool to convert PNG and JPG images to SVG, most useful for simple illustrations with a resolution of 1024px or smaller.

All SVG Icons — A resource to browse and download 250,000+ free SVG icons from 220+ carefully curated icon libraries, with icons available in various formats including SVG, PNG, Data URI, React, Vue, Svelte, and more.

All SVG Icons

Baseline Status for Video â€” A unique web-based tool that lets you customize and display MDN's "Baseline" status for a specific web platform feature, useful for screencasts and demos.

Promptefy — A web tool that lets you add your Gemini API key and it will generate a custom video from a prompt, allowing you to customize style, camera direction, pacing, special effects, and more.

image-js — An image processing and manipulation JavaScript library with an extensive API that covers dozens of effects and functions.

Circle Crop Image — This is a suite of image manipulation tools, including converting an image to a circle (e.g. for social bios), a background remover, image enhancer, compressor, image-to-text, and others.
Advertisement

Your Whole Team Deserves Visual Proof
Code review catches logic bugs. But visual bugs? Those slip through because nobody actually sees the UI before it ships. Vizzly changes that. Your whole team reviews visual changes together: designers, PMs, developers.

Vizzly

Comment right on the screenshot, @mention the right person, approve with a click. See what changed before your users do. Free to start, team-based pricing when you scale.

Try Vizzly Free ðŸ¡º


 

Database Tools, JSON, etc.

RegreSQL — A regression testing tool for SQL queries that lets you write queries, capture expected results, compare when their cost or I/O characteristics change, and detect when something changes.

Reindeer — For Mac and Linux, "Cursor for databases", a tool that understands your database schema, generates production-ready SQL in seconds, autocompletes, and fixes without ever leaving your IDE.

pgfeaturediff — An online tool that lets you Compare PostgreSQL features between versions, with support for version 8.1 up to version 18.

StackRender — A tool to design databases visually and generate production-ready database migrations for PostgreSQL, MySQL, and MariaDB directly from diagram changes.

Launch Llama — Where busy founders discover the 5 best tools every Tuesday, trusted by builders at Google, Stripe, and Notion.     SPONSORED 

JSON Editor — A tool that takes a JSON Schema and uses it to generate an HTML form, with full support for JSON Schema versions 3 and 4 and can integrate with several popular CSS frameworks.

RelateDB — A browser-based entity-relationship diagram (ERD) studio for modeling tables, columns, and relationships, with features like offline first, import/export, version history, and more.

RelateDB

Onedump — A database administration tool that streamlines backup and restore tasks across multiple databases and storage destinations.

MessagePack — An older project that offers an efficient binary serialization format that lets you exchange data among multiple languages like JSON, but it's faster and smaller.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
DDL to Data – A service to generate realistic test data from your SQL schemas.
AI Accounting Daily â€“ Your daily update on tools, trends, news, and smarter workflows.   AD 
Satis UI – An accessible UI library built on shadcn/ui, with advanced animations using GSAP and Motion.
Tailwindadmin – A modern shadcn/ui dashboard template built with React and Tailwind.
VSCode.Email â€“ The only newsletter in the world focused on the world's most popular code editor.    AD 
UXmagic.ai – Create sitemaps, wireframes, and high-fidelity mockups using an AI prompt.
TinyFast – A Mac tool to compress images, videos, and documents locally with support for 17 file types.

A Social Post for Thought

It's not an advertisement for a popular candy bar, it's an homage to one of the best films ever made.
 
A KitKat homage to a great film, 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...

Over the years I've seen many online periodic tables of the elements web sites, but Atomix might be the best one yet. 

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris