Issue #666  (CSS/HTML, Testing, React)04/23/26

 

CSS & HTML Tools

hit-area — A collection of Tailwind CSS utility classes for expanding the hit area of interactive elements across your codebase, with ability to expand in specific directions, not just in general.

shadcn/ui Create — An online playground and generator that allows you to customize your shadcn/ui components, colors, fonts, icons, and more, then export the command for your stack.

bsky-comments — A zero-dependency web component to embed Bluesky discussion threads on any website, with support for any framework.

HubSpot Developer Platform: What's New? — 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 

Glitch Text Generator — A web tool to customize and generate 'glitch text', which is basically anarchist-style characters that can be copy and pasted as text and they look like they are corrupted or distorted.

Pretext — A pure JavaScript/TypeScript library for multiline text measurement and layout that's fast and accurate and allows rendering to DOM, Canvas, and SVG, avoiding expensive reflow operations for better performance.

Photo Palettes — An online tool to generate and customize color palettes from photos, with option to upload your own or choose from an existing palette generated from included photos.

Sugarcube — A tool for building front ends on DTCG design tokens, connecting your tokens to CSS variables, utility classes, CUBE CSS, and copy-to-own components, via a Vite plugin or CLI.

reset-css — A new option for a modern CSS reset, based on real usage from work done and inspection of modern, well-built sites, and intended to be a strong baseline that you can modify to suit your needs.

Testing & Debugging Tools

Argent — An agentic toolkit to control, debug, and profile the iOS Simulator, where your agent can navigate your app, explore the component tree, inspect network requests, and trace performance problems in your mobile apps.

BaseWatch — A resource for browser support data that's designed to be more practical, offering a fast read on rollout maturity, a clear signal on stable support, and a reminder system for features that are not ready but potentially usable.

Tailwind Weekly — A solid newsletter for keeping up with the latest on Tailwind CSS and related tools and technologies. It also includes links for other CSS-related tools and content. Always a good read.    SPONSORED 

Liminal — A browser-based Laravel IDE that runs PHP 8.4 entirely in WebAssembly, no server, no installs, no uploads, so you can write, run, and preview Laravel applications without leaving the tab.

React Doctor — A TypeScript package that enables coding agents to diagnose and fix your React code, scanning your codebase for security, performance, correctness, and architecture issues, then outputting a 0–100 score with actionable diagnostics.

Malleon — An app testing tool that allows you to conduct full-fidelity session capture with no sampling, replay-to-test automation, and local playback under your control.

TS Type Debugger — Paste any TypeScript type into this tool and see how it evaluates step-by-step, ideal for learning, debugging, and mastering advanced type logic.

A11y Audit Bookmarklets — A collection of 30+ bookmarklets for performing various accessibility-related operations and other tasks for testing and debugging in the browser.

Interop 2026 Dashboard — Part of the Web Platform Tests dashboard, this is a cross-browser effort to improve the interoperability of the web, to ensure each technology works exactly the same in every browser.

Advertisement

React Tools

React Photo Album — A responsive photo gallery component for React that supports rows, columns, and masonry layouts, inspired by an older unmaintained project.

React Color — A tiny color picker widget component for React apps with lots of customization options for embedding different types of color pickers.

giggles — A batteries-included React framework for building rich terminal apps, built on Ink and handling focus, input routing, screen navigation, and theming out of the box.

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 

Flowglad — An open source, zero webhooks payment provider for React and Next.js that offers a single source of truth, a full stack SDK, and more.

DOCX Editor — Open-source WYSIWYG .docx editor for React with real-time collaboration, comments, tracked changes, and i18n, all in the browser, no server required.

tablecn — A shadcn/ui table component for Next.js that has server-side sorting, filtering, and pagination, customizable columns, and lots more features.

Tambo — An open-source toolkit for adding agents to your React app, enabling you to connect your existing components and it will handle streaming, state management, and MCP.

React Internals Explorer — A web-based tool that provides a deeper look into how React works in a visual, interactive environment.

Commercial Apps & Classifieds