Issue #655  (CSS Tools, Testing, Uncats)02/05/26

 

CSS & HTML Tools

Buttony — A collection of 20+ interactive, animated button components you can add to React projects, with lots of unique effects for sprucing up your UI.

Layoutit Terra — A CSS terrain generator that leverages stacked grids and 3D transforms to allow you to build 3D terrain maps and export in pure HTML and CSS or as an image.

CodeRabbit — Cut code review time and bugs in half. CodeRabbit acts as your AI co-pilot, providing instant code review comments and potential impacts of every pull request. Free for all open source repos.    SPONSORED 

Color Palette Pro — A modern color palette tool that mimics a synth-like hardware UI, allowing you to generate 6 different palette types in 4 styles across 8 color spaces and formats, with options to export, share, download, and copy palettes.

Uniwind — A library that enables out‑of‑the‑box className bindings for every React Native component, with styles computed at build time, and the option to use CSS custom properties directly in React Native.

Figmentation — A Figma plugin that automates the process of extracting design tokens directly from your Figma components, including colors, typography, spacing, borders, and effects.

Styleframe — A powerful framework-agnostic TypeScript CSS API that enables you to build anything from simple UI styles to full design systems by means of modular, reusable, and composable functions.

EaseMaster — A visual, web-based tool for interactively working with different kinds of easing animations with a Cubic Bezier editor and a spring physics engine, with export to CSS transitions, Tailwind, Framer Motion, and GSAP.

postcss-design-token-utils — A PostCSS plugin to convert design tokens to CSS custom properties and utility classes.

Testing & Debugging Tools

kittylog — A JavaScript library that makes your logs visually appealing and easy to understand, helping to organize information clearly and adds colors and styles to make messages stand out.

tunnl.gg — A tool to expose localhost to the internet, enabling instant public URLs for your local web server with no installation required, just SSH.

DiffMaster — A fast, simple, and free web-based diff tool for configuration files. Just paste or upload your JSON or YAML file to compare.

Chrome DevTools Protocol — A protocol that allows for tools to instrument, inspect, debug, and profile Chromium, Chrome, and other Blink-based browsers.

How Did I Get Here? — Visit this website and the page will display a traceroute, explaining in technical detail how you arrived, with a full custom explanation (the green text).

AI Generates Code Faster Than You Can Review — Visual bugs slip through code review, AI-generated or not. Vizzly shows exactly what changed before it ships. Whether it's from Cursor, Claude, or your team, get visual proof it works. The safety net for modern development. Try free.    SPONSORED 

AnnotateWeb — Enter a URL and this tool will transform any webpage into a collaborative canvas in seconds, no sign-up required, and you can share as a PNG, a direct link, and also invite participants.

Vue Log Arsenal — A lightweight Vue plugin that equips your Vue 3 app with an arsenal of logging directives for faster, easier debugging.

Check Server-side Rendering — Enter a URL and this tool will help identify the parts of the page that aren't server-side rendered by displaying the page with and without JavaScript in a side-by-side view.

Advertisement

The Uncategorizables

Supercookie — An older project that I've apparently never included, it's a browser fingerprinting solution that uses favicons to assign a unique identifier to website visitors.

The Concise TypeScript Book — A comprehensive and succinct overview of TypeScript's capabilities, offering clear explanations covering all aspects in the latest version of the language, from its powerful type system to advanced features.

Upyo — A cross-runtime email library that provides a unified, type-safe API for sending emails across Node.js, Deno, Bun, and edge functions.

SemServ — Along the same lines as "SemVer", this is a simple set of rules that dictate how service names should be created, based on widespread common practices to help avoid some of the problems with service naming.

AI Generates Code Faster Than You Can Review — Visual bugs slip through code review, AI-generated or not. Vizzly shows exactly what changed before it ships. Whether it's from Cursor, Claude, or your team, get visual proof it works. The safety net for modern development. Try free.    SPONSORED 

Visual Types — A nicely-designed resource that provides interactive visualizations of TypeScript concepts.

stackblitz.zip — A web service that allows you to download StackBlitz projects programmatically, useful for easily downloading reproduced bugs and other issues.

Auld English — A suite of fonts that simulate the experience of reading prior to the 1800s, including Roman, Italic, and "Long s" formats.

Notifuse — A modern, self-hosted emailing platform, built in Go and React, that allows you to send newsletters and transactional emails at a fraction of the cost.

Commercial Apps & Classifieds