Web Tools Weekly
Tools for Web Developers

Issue #687  (CSS/HTML, Git/CLI, Jamstack)09/17/26


Advertisement

A JS Data Grid Licensed Per Domain, Not Per Dev
Lattice Grid is a zero-dependency JavaScript data grid that does more than display data. It handles a million rows in the browser, then turns one table into a live dashboard: derived and chained grids that move from a single filter, a statistics layer with process capability, and 35 chart types drawn from the grid's own rows.

Lattice Grid

Shadow columns track rank and change as real, sortable columns. It drops into React, Vue, Svelte, HTMX or plain HTML, and it is licensed per domain, not per developer, so your whole team ships on one license. Explore 200+ live demos in your browser.

Try It in Your Browser πŸ‘Ί

 

CSS & HTML Tools

mastodon-post β€” A Web Component to display Mastodon posts and their metadata, with ability to turn a regular Mastodon post link into a quoted Mastodon post, among other features.

@codepen/slidevars β€” A TypeScript library that creates interactive UIcontrols for CSS custom properties (CSS variables), providing sliders for numeric values and color pickers for colors, all rendered in a Shadow DOM web component.

prop-for-that β€” A utility that provides runtime state for values like sliders, pointer position, element visibility, viewport size, etc., into --live-* and --const-* custom properties so your CSS can compose and react with plain calc() and var().

A Data Grid That Analyzes β€” A zero-dependency JavaScript data grid that also builds dashboards, runs statistics and draws charts: a million rows, derived grids from one filter, process capability, 200+ live demos. Licensed per domain, not per seat.    SPONSORED 

FontSelf β€” A one-stop reference that lets you download and self-host any Google font so that your site is GDPR-compliant and with Core Web Vitals optimized.

FontSelf

CSS Type Studio β€” A web tool that lets you visualize and iterate through different typefaces, sizes, spacing attributes, and more, for mocking up and creating layouts with HTML and CSS.

Charcuterie β€” A visual explorer for Unicode to browse the character set, discover related glyphs, and learn more about the scripts, symbols, and shapes that make up the standard.

tshtmlwriter β€” A fluent, type-safe HTML builder for TypeScript that lets you chain methods to produce well-formed HTML without string concatenation, template literals, or JSX.

Git, GitHub & CLI Tools

picospinner β€” A lightweight, no dependency, pluggable CLI spinner library with an API that allows you to add custom symbols, your own output stream, and more.

git-lrc β€” A Go-based tool that triggers micro AI-based code reviews on Git commits, like a braking system for high speed AI coding.

wterm β€” A terminal emulator for the web that renders to the DOM, featuring native text selection, copy/paste, find, and accessibility. Written in Zig and compiled to WASM for near-native performance.

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 

git-uncommit β€” A shell script that will undo the last Git commit, or a specified number of commits, while keeping changes staged.

Ante β€” A self-contained coding agent that lives in your terminal and self-organizes, a ~15MB compressed download that expands to a single Rust executable with zero runtime dependencies.

Ante

Hunk β€” A terminal diff viewer for reviewing complete changesets and keeping agent rationale beside the code it explains.

ghostty-web β€” Ghostty for the web with xterm.js API compatibility, giving you a proper VT100 implementation in the browser.
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 👺


 

CMS Tools, Static Sites, etc.

Frappe Builder β€” A low-code website builder designed for simplicity, speed, and flexibility, to craft beautiful websites effortlessly with an intuitive visual builder.

Drupal.js β€” A Drupal CMS clone using Node.js, Vite.js, Tailwind, and Supabase as the database, and includes all the required code, configurations, a sample plugin, environment variables, Dockerfile, and more.

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

ScrewFast β€” An open source template built with Astro, Tailwind, and Preline UI, designed for quick and efficient web project setup, blending minimalism with functionality.

Screwfast

Datenstrom Yellow β€” Unzip a set of files onto your web server and this tool will let you build and edit any small website (docs, wikis, blogs, etc.) directly in the browser.

@freshjuice/astro-webmcp β€” An Astro integration that exposes your site content via WebMCP for AI agents, making your Astro site AI-agent ready in one line of code.

Zenex CMS β€” A multilingual headless CMS built with Next.js 16, React 19, Prisma 6, PostgreSQL and Editor.js, for developers who want to focus on building, not managing content.

nixtml β€” A static website generator written in Nix, inspired by Hugo, with features like content, collections, taxonomies, etc.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Merget – Version control for AI coding, like Git redesigned for AI engineering teams.
Learn VS Code β€“ A screenshot-packed e-book to learn VS Code's native features.    AD 
AEO God Mode – A WordPress plugin that gets your site found and cited by ChatGPT, Perplexity, etc.
git2docs – AI-powered docu­mentation generated and main­tained from your code repos.
The Deep View β€“ Join 750k+ founders and knowledge workers to stay up to date with AI.   AD 
Source -> Design – Turn HTML, React, Next.js, Vue, and Svelte into
clean Figma designs.
Respectify – A WordPress plugin that requests revisions for rude or controversial comments.

A Social Post for Thought

AI coding tools are pumping out projects in unprecedented numbers, so one user asked for some good examples, which many responded to.
 
Good websites with AI, 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...

VibeSail is a free online 3D sailing simulator, sailing game, and sailboat simulator. You know, for online practice if you row crew with the Winklevii. Wait, that's another kind of boat, nevermind.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris