webcompat.dev
The web compatibility tooling landscape
View Transitions Toolkit
A collection of utility functions to more easily work with View Transitions
Vibe Coding UI Specification
Turn visual direction into explicit UI constraints for AI agents
The Field Guide to Grid Lanes
An interactive demo of Masonry layouts in pure CSS
Storied Colors
Named colors with documented histories
SmoothCSS
A design system, CSS framework and UI kit – all in a two small files
Public Domain Image Archive
A hand-picked collection of out-of-copyright works, free for all to browse, download, and reuse
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.
NotebookLM Slide Styles Collection
A curated collection of visual design styles for NotebookLM slide generation
LiquidGlass
Realistic WebGL glass effects for any HTML element — refraction, blur, chromatic aberration, specular highlights, and more.
Intermission
Loaders, in three prints. Six states. Three visual worlds. One API.
Hugeicons
Clean 1.5px stroke icons with rounded caps on a 24px grid
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.
dev.css
A lightweight, simple, classless CSS framework
CodeFronts
Free CSS Components, Generators & Frontend Tools
Cheatsheets by Polypane
A collection of handy sheets for web devs, covering CSS Flexbox, CSS Grid, Anchor Positioning, and Invoker Commands