Web Tools Weekly
Tools for Web Developers

Issue #662  (React, AI Tools, Testing)03/26/26


Advertisement

Fix Page Speed And Core Web Vitals
DebugBear provides in-depth web performance monitoring data to help you optimize your website. Fix Lighthouse scores, poor page speed, and slow interactions.

DebugBear

If you're struggling with poor Interaction to Next Paint scores, DebugBear real user monitoring can tell you what elements caused slow interactions and what scripts were responsible for delays.

Learn More ðŸ¡º

 

React Tools

Reatom — A powerful reactive state management library designed to become your go-to resource for building anything from tiny libraries to full-blown applications.

Stroke — An online tool that lets you manually draw a logo, signature, or other illustration, then it will generate React and Motion-based code for an animated SVG version of the drawing.

react-shiki — A performant client-side syntax highlighting component and hook for React, built with the popular Shiki syntax highlighter.

Real User Performance Insights â€” Find out how fast your website is for visitors, identify slow pages, and get the data you need to fix performance issues and pass Google's Core Web Vitals assessment.   SPONSORED 

React2AWS — An infrastructure-as-code solution that lets you write AWS infrastructure like you write React components by transforming familiar JSX syntax into production-ready Terraform code.

React Tilt Button — A physical, 3D tactile React button component with tilt, squish, and real depth, with tilt on hover and squish on press.

React Tilt Button

Svar React Datagrid — An open-source, high-performance data grid for modern React applications with virtual scrolling, advanced filtering, editing, tree data, and full TypeScript support.

Facehash — A React component that generates unique avatar faces from any string, with zero dependencies and support for Next.js, Vite, and Remix.

DayFlow — A flexible and feature-rich calendar component library for React, Vue, Angular, and Svelte with drag-and-drop support, multiple views, and plugin architecture.

AI Tools, LLMs, etc.

Syntux — A generative UI library for the web that's designed to display data with features that include being streamable, ability to bring your own React components, cacheable, and reactive.

The Companion — A Web UI for Claude Code and Codex sessions that allows you to run multiple agents, inspect every tool call, and gate risky actions with explicit approvals.

Opilot — A tool that integrates the full Ollama ecosystem (local models, cloud models, and the Ollama model library) directly into VS Code's Copilot Chat interface.

bgproc — A simple process manager for agents that lets you manage background processes like dev servers from the command line, designed to be agent-friendly with JSON output and easy status checking.

1,000+ ChatGPT Prompts from Superhuman AI — Sign up for Superhuman AI to get 1,000+ ready-to-use prompts tested and used by 1M+ professionals, plus the Superhuman AI newsletter for new AI tools & tutorials (3 min daily).   SPONSORED 

NanoClaw — A lightweight alternative to OpenClaw, that's an AI assistant that runs agents securely in their own containers, built to be easily understood and completely customized for your needs.

NanoClaw

Google AI Studio — A full-stack vibe coding experience powered by Antigravity that enables you to turn simple prompts into production-ready apps with built-in Firebase (database + auth), multiplayer support, and more.

T3 Code — A minimal web GUI for Windows, Mac, and Linux for coding agents (currently with support for Codex and Claude).

instructor-js — Structured extraction in Typescript, powered by LLMs, designed for simplicity, transparency, and control.
Advertisement

Build Chatbots That Respond with Interactive UI
Help website visitors explore your site, ask questions, get support, and take actions. With Thesys Agent Builder you can build website chatbots that reply with interactive UI like cards, forms, charts, and more.

Thesys

Get started in seconds:

  1. Connect your data source, upload files, or enter website URL
  2. Add instructions and customize style
  3. Publish your agent and paste the embed snippet into your website

Your copilot goes live instantly. Build sales copilots, ecommerce agents, support bots, onboarding assistants, and more.

Try Now for Free ðŸ¡º


 

Testing & Debugging Tools

Event Loop Visualizer — An online JavaScript runtime simulation that includes settings for including/excluding specific features and it allows you to 'predict' the output for learning how the event loop works.

Scenetest — A JavaScript end-to-end testing framework with inline assertions and scene-based browser orchestration.

Learn VS Code â€” 346 pages. 450+ screenshots. 150+ tips. EPUB and PDF formats. Learn to customize and use the native features of Visual Studio Code, the world's most popular code editor.     SPONSORED 

Monit247 — A website uptime monitoring platform that lets you monitor SSL, DNS, and services from multiple global locations, and has a decent free option for 5 monitors with email alerts for one region.

Log Voyager — A web-based DevOps tool, powered by the File Slicing API, that allows you to drop large log files (via file or paste) and process them locally with zero latency.

JS Benchmarks — A one-stop resource for viewing benchmarks for 9 different JavaScript frameworks, with results for duration, memory, load test, and bundle size.

JS Benchmarks

nuxt.care — A resource that allows you to do a health check and audit for Nuxt modules, so you can find out which modules are well-maintained, Nuxt 4 compatible, and which ones to avoid.

HardwareTest — A unique suite of 50+ free online professional-grade checks for hardware that includes displays, keyboards, mice, audio, controllers, gaming, and system performance, all done locally in the browser.

PWAScore — A resource to compare Progressive Web App capabilities across popular mobile browsers, providing a score and details on support for specific features.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Ito – Code reviews that execute your app in a real browser, testing every affected flow.
Refind – Brain food, delivered daily, tailored to your interests. Loved by 550,000+ curious minds.    AD 
Crowdin – AI-powered localization for teams to automate translation of your content with 700+ integrations.
Notte – A fast browser framework for AI agents, to simplify LLM web tasks, handles CAPTCHAs, etc.
FolderFort – A lifetime subscription for 2TB of cloud storage with access from any PC, Mac, or mobile.    AD 
Refacto.ai – An AI-powered code review tool that integrates with Git tools and helps find issues.
devlo – An AI software platform to build, edit, ship, and do code review all in one place.

A Social Post for Thought

This is one CTO's take on what AI is really doing to software engineering roles.
 
Software Engineering roles will be split, 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...

As of last night, baseball season is officially under way. If you work a lot via the command line and want to follow Major League Baseball (MLB) scores, you'll want to check out Playball, a terminal app that displays MLB scores in a terminal window.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris