Web Tools Weekly
Tools for Web Developers

Issue #685  (React Tools, AI Tools, Build Tools)09/03/26


Advertisement

The Only Insurance That Can Make You Richer
Most insurance costs you money. But there’s a kind that can pay you when the stock market drops.

One example turned $200 into $2,000 during a downturn. And you don’t even need to own stock to use it!

MarketBeat

It protects your portfolio and can generate profits when stocks fall. You’ll find the step-by-step breakdown in this free guide.

It's simple, fast to read, and made for regular, at-home investors… And today, it’s totally free – but won’t be for long.

Click Here Now to Claim Your Copy 🡺

 

React Tools

Catalyst — A React framework for building performant and universal apps for Android and iOS, providing server-side rendering, route-level data fetching, app shell primitives, styling conventions, and native WebView packaging tools.

Dot Matrix — A set of 55+ dot matrix-style loading animations, built with React, TypeScript, Tailwind, and shadcn, and you can customize the color.

Warper — A fast React virtualization library, powered by Rust and WebAssembly. for buttery-smooth scrolling with 10M+ items and full support for dynamic item sizes.

SVAR React Calendar — A modern React calendar component with TypeScript support. Add a clean, well-designed event calendar with a built-in editor and calendar groups. Or build a scheduling system with Resource and Timeline views to manage tasks or resources.    SPONSORED 

Svar React Calendar

FormEngine — A JSON form renderer for React that allows you to build simple to complex React forms, built with minimal code, no deep React knowledge, and without compromising performance.

microcharts — A React library that renders charts small enough to sit inside a sentence: a trend in a table cell, a bullet in a KPI card, a sparkline in a streamed AI reply, etc.

mapcn — Ready to use, customizable map components for React, built on MapLibre and styled with Tailwind.

Blender React — A Blender addon that lets you create and manage 3D scenes using React components, embedding QuickJS (a lightweight JavaScript engine) into Blender and providing a custom React reconciler that maps React components to Blender objects.

Extend UI — A set of React components for modern document apps, offering PDF, DOCX, XLSX, and CSV viewers, with bounding box citations, file upload, e-signing, and more.

AI Tools, LLMs, etc.

Agent Behavior — A standard format for describing the behavior an AI agent is expected to follow across repeated interactions, written for the people and agents who review traces, design evals, and align prompts.

Paseo — A single, self-hosted, native interface for any coding agent (Claude Code, Codex, Copilot, OpenCode, etc.), allowing you to orchestrate multiple coding agents from desktop and mobile.

asm — A scriptable CLI built for AI agents and automation, allowing you to install, search, audit, and organize skills across Claude Code, Codex, Cursor, and 16 more tools.

The One Options Trade I Make Every Week — A single 0-day options trade, handed to you with the strike, the entry price, and the exit already mapped. Grab this week's free report to see how it works before the next signal drops.    SPONSORED 

Awesome Claude Code Plugins — A curated list of plugins that let you extend Claude Code with custom commands, agents, hooks, and MCP servers through the plugin system.

Ponytail — A ruleset that makes your AI agent think like the laziest senior dev in the room, writing the least code that works, like a senior dev who's been paged at 3am one too many times.

Ponytail

MiMoCode — A terminal-native AI coding assistant. It can read and write code, run commands, manage Git, and use a persistent memory system to keep a deep understanding of your project across sessions while continuously improving.

Oh My OpenAgent — A multi-model agent orchestration harness for complex codebases that transforms a single AI agent into a coordinated development team that actually ships code.

Apps SDK Examples Gallery — A repo that showcases example UI components to be used with the Apps SDK, as well as example MCP servers, to be used as a starting point to build your own apps for ChatGPT.
Advertisement

An Organized Life Starts with an Organized Inbox
📨🙅‍♀️ Ever stopped yourself from subscribing to a potentially amazing newsletter because you’re worried about cluttering your inbox? With Meco, you can enjoy your newsletters in an app built for reading while giving your inbox space to breathe.

Meco

Meco connects with Gmail & Outlook so you can instantly move your newsletters to the app (and clear your inbox) without breaking a sweat

⚡📲 The experience is packed with features to supercharge your reading including:

  • The ability to group newsletters
  • Set smart filters
  • Swipe from newsletter to newsletter in a breeze
Over 30k readers enjoy their newsletters (and decluttering their inboxes) with Meco.

Try the App Today 🡺


 

Build Tools, Bundlers, etc.

svelteesp32 — Turn your Svelte, React, Angular, or Vue frontend into a single C++ header file. Serve beautiful web interfaces directly from ESP32/ESP8266 flash memory with automatic gzip compression, ETag caching, and seamless OTA updates.

unbash — A fast 0-deps bash parser written in TypeScript, useful when your input is a Bash source (e.g. a pasted command, a complete script, or shell source embedded in another format) and you need to inspect its structure without executing it.

eslint-markdown — A plugin that allows you to lint your Markdown with ESLint, providing additional rules for use with `@eslint/markdown`.

tsbro — A package that lets you run TypeScript in the browser with no tooling and no build step.

TLDR AI — Keep up with AI in 5 minutes. Get the most interesting AI stories and breakthroughs delivered in a free daily email.   SPONSORED 

pnpr — A pnpm-compatible npm registry server, written in Rust, that speaks the npm registry protocol, so any npm-compatible client (pnpm, npm, yarn) can talk to it.

pnpr

crust — A production-build diff for Next.js that allows you to compare two App Router builds, understand what changed and why, and decide what can ship.

pack — Run `pack` and get a persistent HTTPS URL that allows you to self-host apps with one command.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
boxes.dev – A Mac app that allows you to manage agents from your desktop, phone, or terminal.
Learn VS Code – A screenshot-packed e-book to learn VS Code's native features.    AD 
Lattice Grid – A high-performance vanilla JavaScript data grid: millions of rows, no framework.
Mathify – Turn a prompt into a finished mathematical animation for your course, channel, etc.
The Deep View – Join 750k+ founders and knowledge workers to stay up to date with AI.   AD 
Opaquer – A robust and profession­ally engineered .NET obfuscator that reinforces application security.
Dirstarter – A customizable Next.js directory template with built-in payments, SEO, and AI content.

A Social Post for Thought

Is the terminal a flawed interface for using coding agents? Some think so, though it seems many disagree.
 
Terminal as UI for Coding Agents, 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...

Back in 2018, Jamie Coulter published a pure CSS adventure game on CodePen called The Mine. It's amazing what people used to do before AI but I really wonder if AI could even come close to making something this good without extensive human guidance.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris