Issue #672  (CSS/HTML, AI Tools, Media Tools)06/04/26

 

CSS & HTML Tools

Font Changer Pro — Type any text and this tool will generate fancy text in 1000+ styles that you can copy and paste anywhere, no special fonts or downloads needed.

Tailwind CSSTree — A plugin to use the syntax from CSSTree (a parser/walker/generator for CSS) in Tailwind projects, which you can also use directly with CSSTree and with the ESLint CSS Plugin.

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 

phantom-ui — A single web component that adds a structure-aware skeleton loader by measuring your actual DOM at runtime and works with any framework.

Gwtar — A polyglot HTML archival format that provides a single, self-contained, HTML file that can be efficiently lazy-loaded by a browser, potentially useful to serve large HTML archives.

ASCII Drawing Board — A simple to use, drawing tool that uses ASCII characters as the 'brush', allowing options like brush size, saved brushes, canvas size, and allows keyboard access.

CSS or BS? — An online quiz that displays 20 CSS properties (from the more than 600 available), one by one, and you have to choose whether each is a real CSS property or not.

font-size-adjust Calculator — A client-side tool that lets you upload a font and it will generate the necessary font-size-adjust values for that font.

dev.css — A tiny, simple, class-less CSS framework designed to make any plain HTML file modern and responsive, weighing only ~4.8kb, along with extra features such as an optional sidebar and addons.

Fun with clip-path — A demo that uses the CSS clip-path property to generate a unique 'grow from the corner' navigation menu.

AI Tools, LLMs, etc.

styleseed — A design system consisting of 69 rules and 48 shadcn/ui components, designed for Claude Code and Cursor to read automatically, so the output stops looking generated and starts looking designed.

Manifest — A smart model router for agents and AI applications that redirects each query to the right model, saving up to 70% in AI costs.

Acai.sh — A toolkit for spec-driven software development that provides a simple spec format that keeps your requirements organized and traceable, with access to a CLI, server, dashboard, and more.

The Best New App for Newsletter Reading — Reading newsletters in the inbox is frustrating. It's noisy and easy to lose control of subscriptions. Now you can enjoy your newsletters outside the inbox with Meco, an app built for reading.    SPONSORED 

Open Agents — A reference app for building and running background coding agents on Vercel that includes the web UI, the agent runtime, sandbox orchestration, and GitHub integration.

Awesome DESIGN.md — A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Paperclip — A Node.js server and React UI that orchestrates a team of AI agents to run a business. Bring your own agents, assign goals, and track work and costs from one dashboard.

Codex Plugin for Claude Code — A plugin for Claude Code users who want an easy way to start using Codex from the workflow they already have, enabling them to use Codex from Claude Code to review code or delegate tasks.

Letta Code — A memory-first agent harness, designed for long-lived agents that can learn from experience and maintain a cohesive identity across models (Claude, GPT, Gemini, GLM, Kimi, and more).

Advertisement

Media Tools (SVG, Video, etc.)

SandDance — A tool to visually explore, understand, and present your data, based on unit visualizations, which apply a one-to-one mapping between rows in your database and marks on the screen.

SammaPix — An AI photo workflow toolset consisting of 35 free tools that allow you to compress, rename with AI, resize, convert- all in one pipeline.

Remocn — A shadcn/ui registry of production-ready animations, transitions, backgrounds, and scenes for Remotion, to build product demos, changelogs, and launch videos in React.

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

SVG Studio — A browser-based animation editor that turns your static vectors into smooth keyframe animations, offering exports as clean, self-contained SVGs.

Graphite — A free vector graphics editor and animation engine that offers a fully nondestructive editing workflow that combines layer-based compositing with node-based generative design.

PixelateImage.co — A fast, private, and easy to use web tool to transform any photo into retro 8 bit art, or you can use it to pixelate and obscure sensitive details.

tiks — A small TypeScript library that allows you to add satisfying sounds to any UI, with zero audio files to download and powered by the Web Audio API.

ColorFlow — A multi-featured mesh gradient editor that includes dozens of prebuilt gradients that you can customize and download as an image or video (for animations).

Commercial Apps & Classifieds