Issue #614  (CSS Tools, AI Tools, Build Tools)04/24/25

 

CSS & HTML Tools

WAX — A Go library to generate HTML on the server side with TSX/JSX templates, to provide a seamless, dynamic view layer without the need to regenerate templates after code changes.

tweakcn — A visual no-code theme editor for shadcn/ui components, with real-time preview, export to Tailwind, and some nice looking prebuilt themes you can use as a starting point.

Add SSO the Easy Way — WorkOS helps you ship SSO and other enterprise features this afternoon. From high-quality documentation to self-serve onboarding for your customers, we remove all the unnecessary complexity for your engineers.   SPONSORED 

Symbl — A resource for copying and pasting HTML symbols, emojis, all searchable, and alongside some other resources for SVG and icons.

Tailwind Trainer — An interactive online game to help you learn Tailwind utility classes, in bite-size lessons where no two play-throughs are the same.

Khroma — An AI-powered tool that lets you choose 50 colors, after which it will generate color palettes tailored to your tastes.

track-list — A Web Component for enhancing a list of individual audio tracks, to provide playlist controls, with features like one track playing at once, auto-next, play/pause, and previous/next.

Tailwind Grid Generator — A simple interactive tool to generate Tailwind CSS grids with export in HTML or JSX formats.

uchū — An opinionated color palette "for internet lovers" that utilizes the OKLCH color space with CSS variables.

AI & ChatGPT Tools

Vibe Draw — A Node.js and Python tool to turn your roughest sketches into stunning 3D worlds, i.e. "vibe drawing".

OpenAI Realtime Console — A React app for inspecting, building and debugging with the Open AI's Realtime API, which enables low-latency, multimodal interactions including speech-to-speech conversational experiences and real-time transcription.

Firebase Studio — A single platform to accelerate your entire development lifecycle with AI agents so you can build back ends, front ends, and mobile apps, all in one place.

vibemode — A CLI tool that allows you to pack your repo into an AI-friendly format and apply AI-suggested changes with ease, all from your terminal.

BrowserAI — A TypeScript library to run LLMs like Llama, deepseek-distill, Kokoro, and more inside your browser with WebGPU and no associated server costs.

Learn Full-stack Development with Cursor — 7 hours of video material teaching you to build a micro SaaS from the ground up using Cursor IDE, Vercel, shadcn/ui, Windsurf, and more.   SPONSORED 

Midscene.js — An AI web and Android operator for automation and testing that lets you use natural language to assist you in operating an interface, validating content, extracting data, etc.

sitefetch — A CLI tool that lets you fetch an entire site and save it as a text file, so you can feed it to an AI model.

Supavec — An open source alternative to Carbon.ai, to build powerful RAG applications with any data source, at any scale.

Advertisement

Build Tools, Bundlers, etc.

swc4j — An ultra-fast JavaScript and TypeScript compilation and bundling tool built on the Java Virtual Machine runtime environment.

eslint-plugin-unimport — An ESLint plugin that lets you insert imports automatically from Unimport in ESLint.

Bare — A fast, lightweight runtime for modular JavaScript apps, with support for ESM and CommonJS syntax and native addons that can run on any JavaScript engine.

deploy-replit — A Next.js template that comes pre-configured with a .replit file, which selects the right settings for you, so you can deploy to Replit.

Feluda — A Rust-based command-line tool that analyzes the dependencies of a project, notes down their licenses, and flags any permissions that restrict personal or commercial usage.

GitHub Copilot Beginner to Pro — 8 sections and 7 hours of course material covering how to use GitHub Copilot and related tools to build apps, write unit tests, generate documentation, and more.   SPONSORED 

rsbuild-plugin-react-router — An Rsbuild plugin that provides seamless integration with React Router, supporting both client-side routing and server-side rendering (SSR).

ls-lint — A fast, cross-platform directory and filename linter, written in Go, to bring structure to your project's file system.

Node Modules Inspector — A CLI tool that lets you visualize your node_modules folder contents, inspect dependencies, and more, with an online version you can try or run it locally.

Commercial Apps & Classifieds