Issue #624  (CSS/HTML, JS Lib Plugins, Uncats)07/03/25

 

CSS and HTML Tools

RampenSau — A lightweight, dependency-free, and fast color generation library that makes use of hue cycling and easing functions to generate pleasing color ramps.

SVG to CSS Shape Converter — A web-based tool that converts the 'definition' from an SVG path to a CSS shape, requiring that you copy and paste the value of the "d" attribute for the path element.

<syntax-highlight> — A custom element that uses the CSS Custom Highlight API for syntax highlighting, with options to define the language and content element.

CSS Clicker — An incremental game themed around making websites, written in pure HTML and CSS, as a sort of retort to those who claim HTML and CSS aren't programming languages.

PRNEWS.IO — An all-in-one service for creating and sharing news and stories with the whole world on your own terms. The perfect tool to target your audience in the right way, offering a step-by-step process for creating, publishing and distributing your PR content.    SPONSORED 

URL to Any — A bunch of different URL conversion tools, including URL to Markdown, PDF, text, image, JSON, MP3, and more.

Contrast Report — A simple colour contrast checker that lets you choose either WCAG AA or AAA guidelines and you can also enable 'picture in picture' mode, where the settings pop out into a separate modal in the page corner.

Awesome Tailwind Animations — A suite of CSS animations as a Tailwind plugin, adding diverse effects that you can easily add to any Tailwind-based project.

ASCII Silhouettify — A browser app or CLI tool that converts images into ASCII silhouettes, a style of ASCII art distinguished by uniformly filled geometric shapes rather than lines or textures.

JavaScript Library Tools

svelte-sonner — An opinionated toast component for Svelte that's a port of Emil Kowalski's Sonner for React.

xr — A virtual reality and augmented reality (VR/AR) plugin that lets you turn any @react-three/fiber app into an 'extended reality' (XR) experience.

Remix Utils — A package that contains a set of simple utility functions to use with Remix.run (which is now React Router).

Advanced SLAs for HubSpot + Help Scout — Set up per customer SLAs, business hours, different global locations, holiday rules, and more with Super SLA! If you're using HubSpot Service Hub or Help Scout you owe it to your sanity to try it out (free 14-day trial available).   SPONSORED 

Pandabox — A lightbox and gallery component for Astro 5, intended to be added to an exisiting Astro site, has no dependencies, and uses modern CSS.

Angular Material Dev — Not a single tool, but a one-stop resource for developers to learn about integrating Material Design into Angular applications.

Vaul Svelte — An unstyled drawer component for Svelte that can be used as a replacement for Svelte's Dialog component on tablet and mobile devices.

Svelte Material Ripple — A Svelte library for adding ripple effects to interactive elements, and you can customize the ripples with CSS variables.

Svader — A plugin that lets you create GPU-rendered Svelte components with WebGL and WebGPU fragment shaders.

Advertisement

The Uncateg­orizables

PythonLink — A one-stop resource dedicated to helping Python developers, learners, and enthusiasts discover high-quality learning and technical resources.

HelloCSV — A modern, drop in, frontend only, CSV importer workflow that you can drop into any app, with a customizable UI and sensible defaults.

UFreeTools — A suite of free online tools for developers and designers, covering coding, design, graphics, text editing, image, network, cryptography and more.

Advanced SLAs for HubSpot + Help Scout — Set up per customer SLAs, business hours, different global locations, holiday rules, and more with Super SLA! If you're using HubSpot Service Hub or Help Scout you owe it to your sanity to try it out (free 14-day trial available).   SPONSORED 

Update — A set of tools that makes it easy to add billing, subscriptions, and permissions to your app, and integrates with your existing tools, like Stripe and Supabase.

Supertokens — An open source alternative to Auth0, Firebase Auth, etc., with SDKs available for Node.js, Go, Python, React, React Native, vanilla JS, etc.

Context7 — A tool that pulls up-to-date, version-specific documentation and code examples directly from the source, allowing you to paste accurate, relevant documentation directly into tools like Cursor, Claude, or any LLM.

Classic Console Neue — An 8x16 ASCII console fixed-width, true type font that's an updated version of the original Classic Console font.

DNS.Surf — A web-based tool that lets you query DNS resolution results in different regions worldwide, which you can test with different resolvers (Cloudflare, Google, OpenDNS, etc).

Commercial Apps & Classifieds