Slidev
Presentation slides for developers
QuickTiny
Paste Anything. Find the Right Tool
FontSelf
Self-hosted Google Fonts configurator
FeralUI Free Gradient Builder
Blend soft mesh, grainy, and animated gradients from traditional Japanese colours, then export as SVG, PNG, or MP4 video
CSS Type Studio
Advanced Typography with CSS
The Field Guide to Grid Lanes
An interactive demo of Masonry layouts in pure CSS
Precise Type
Explore Type Scales, Font Sizes, Line Heights, and Letter Spacing – then export the CSS
Palette Inspiration
Browse, search, and filter beautiful color palettes inspired by the Old Masters.
LiquidGlass
Realistic WebGL glass effects for any HTML element — refraction, blur, chromatic aberration, specular highlights, and more.
How to articulate
The words designers use when they know what they’re looking at.
Fontastic Space
Find mathematically optimal font pairings — anatomy, metrics & compatibility
Font metrics calculator
Calculate font metrics for the the CSS `font-size-adjust` property
FontFridge
An enhanced Google Fonts Collection that filters by what type actually does
Font Changer Pro
Generate 1000+ stylish fonts and fancy text styles for Instagram, WhatsApp & more. No download needed
Dither it
Free online image dithering tool
Dither Image Online
Free, Fast, and Real-Time Dither Image Generator
Dither
Convert images and gradients into scalable vector dither patterns. Bayer, halftone, dots, lines, and more. Export as SVG or PNG.
Astro LilyPond
Render text to music notation with Astro
Volume Editor
3D OKLCH Color Picker & Palette Generator
SwatchMaker
Compare paint colors from different brands side by side
SVG Studio
Inspect, edit, and optimize SVGs in the browser
Shower
HTML presentation engine
ReliCSS
Detect CSS Hacks & Modernise Your Code
Create Custom QR Codes
Free QR Code Generator by Figma