Web Tools Weekly
Tools for Web Developers

Issue #670  (JS Libs, React Tools, Uncats)05/21/26


Advertisement

HubSpot Developer Platform: What's New?
Spring Spotlight 2026 is live and we’ve rounded up the top updates for developers here.

HubSpot Developer Platform

Featuring:

  • AI-Assisted Development: Developer MCP Server lets you to build apps faster with AI coding tools like Cursor, Claude Code, and Codex.
  • Modern API Infrastructure: Date-based versioned APIs and versioned docs for predictable releases.
  • MCP: Unlock HubSpot data via the HubSpot MCP Server (remote) to connect any compatible MCP client and create custom workflows and integrations.
  • Projects 2026.03: Includes serverless functions, UI extension support, and migration from 2025.1 and 2023.2.

See What's New πŸ‘Ί

 

JavaScript Libraries & Frameworks

Qite.js β€” A frontend framework for people who hate React and love HTML, featuring no build step, no virtual DOM, no mixing JS with HTML, SSR-first, and compatible with plain web APIs.

Kiru β€” A batteries-included, easy-to-use rendering library with a tiny footprint, signal-based state management with zero overhead, comprehensive routing and CSR utilities by default, and granular control of reactivity and state.

HubSpot Developer Platform β€” See what's new for the HubSpot Developer Platform! Ship faster with AI coding tools, build MCP-powered AI connectors, run serverless functions with support for UI extensions, and use date-based versioning to streamline roadmap planning.     SPONSORED 

Elena β€” A simple, tiny library for building Progressive Web Components that doesn’t force JavaScript for everything and enables you to load HTML and CSS first, then use JavaScript to progressively add interactivity.

Edge.js β€” A secure JavaScript runtime, designed for Edge computing and AI workloads, that uses WebAssembly for sandboxing when in --safe mode, and is fully compatible with Node.js.

Edge.js

WarpDrive β€” A lightweight, SSR-ready data library, based on Ember.js, that makes it easy to build scalable, fast, feature rich applications.

Workflow SDK β€” A toolset that allows you to easily add durability, reliability, and observability to async JavaScript, and build apps and AI agents that can suspend, resume, and maintain state with ease.

TSRX β€” a TypeScript language extension for building declarative UIs in an agentic era, allowing you to write UI component code that stays readable and co-located, where structure, styling, and control flow live together.

Turtletoy β€” A platform to create plottable hand-coded art online using a JavaScript Turtle graphics API.

React Tools

gooey-toast β€” A gooey, morphing toast component for React, built on Sonner with Framer Motion animations.

Warper β€” An ultra-fast React virtualization library powered by Rust and WebAssembly, with ability to handle 10,000,000+ rows and 120+ FPS.

PDFx β€” A React library to build PDFs using composable components, theme tooling, and AI-ready docs without locking your code into a black box.

SVAR React Gantt β€” A true React Gantt chart for building high-performance project timelines, with built-in virtualization for large datasets and an MIT-licensed core. PRO adds critical path, baselines, auto-scheduling, and more.    SPONSORED 

SVAR React Gantt

shadcn-phone-input β€” A simple and formatted phone input component for Next.js, built with shadcn/ui and libphonenumber-js.

react-z-form β€” A fast React form library, as a modern alternative to Formik and React Hook Form, that offers lightweight, high-performance form state management powered by Zustand.

realtime-chat-supabase-react β€” A full-stack real-time chat component for React, with PostgreSQL data managed by Supabase and Vite on the front end.

mapcn β€” A set of open source, ready-to-use, customizable map components for React, with zero config, one-command setup, built on MapLibre GL and styled with Tailwind.

React Query Key Manager β€” Type-safe, composable, and collision-free query key management for @tanstack/react-query, to help with managing query keys in large React Query applications.
Advertisement

Explore Degree Programs Tailored to You
At Education Directory, we understand that choosing the right degree program is a crucial step toward your future success. Our platform offers personalized assistance to help you discover programs that match your interests and career objectives.

Education Directory

How it works:

Step 1: Explore Areas of Study
Expand your skills or start something new, discover colleges by subject areas that matter to you.

Step 2: Refine Your Search
Narrow down your college search based on your desired interests

Step 3: Compare Institutions
Compare top schools and decide which institutions best fit your need

This is an offer for educational opportunities and not an offer for nor a guarantee of employment. Students should consult with a representative from the school they select to learn more about career opportunities in that field. Program outcomes vary according to each institution’s specific program curriculum.

Get Started πŸ‘Ί


 

The Uncategor­izables

nanobrew β€” A fast macOS package manager written in Zig that features parallel downloads, extraction, relocation, and dependency resolution, among other features.

Alchemy β€” An embeddable, TypeScript-native Infrastructure-as-Code (IaC) library for modeling resources that are created, updated and deleted automatically.

Skir β€” A declarative language for defining data types, constants, and APIs, so you can write your schema once in a .skir file and generate idiomatic, type-safe code in TypeScript, Python, Java, Go, C++, and more.

TLDR Design β€” Curated design tools, trends, and inspiration in 5 minutes a day, for design professionals. Join 225,000 readers.     SPONSORED 

Promptbook β€” A platform that automatically tracks your AI coding sessions and turns them into a profile that gets you discovered, free for those building and being discovered.

.cursorrules Generator β€” An online tool that lets you select your tech stack and it will generate a professional, ready-to-use .cursorrules file with real coding conventions and best practices for use with Cursor IDE.

.cursorrules Generator

Find Font β€” A web tool that allows you to browse and compare from 5000+ free, curated fonts in 50+ categories, with ability to compare up to 10 fonts on the same view.

DO_NOT_TRACK β€” A proposal to add a single, standard environment variable that clearly and unambiguously expresses a user's wish to opt out of ad tracking, usage reporting, telemetry, crash reporting, etc.

SnippetsLab β€” A Mac app that's a full-featured snippet manager and note-taking app designed for developers.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Base44 – Build fully-functional apps in minutes with just your words. No coding necessary.
CORS Tester β€“ A free online tool to check if a URL supports cross-origin requests (CORS).   AD 
Flox – Manage all of your software and its dependencies, down to the smallest package.
CoinPay – Accept crypto payments in e-commerce with automatic fee handling and real-time processing.
5-Bullet Friday β€“ A short email every Friday with the 5 coolest things Tim Ferriss has found that week    AD 
Clouddley – Run apps, databases and AI workloads on your own VPS with the same seamless experience.
Picarta – An image geolocation API to localize images and do content-based geo-predicting.

A Social Post for Thought

If you haven't yet looked into using Claude, or maybe you've only dabbled, this X post provides an hour-long tutorial on building an automating with the popular AI tool.
 
Claude tutorial video, 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...

For all those who hate their office job: wageslave is a short, narrative, dystopian office survival game that stars you as Job Cyphus, a newly-hired programmer eager to deliver value.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris