Web Utility

Manually curated sites for Web Utility.

Color.review

A quick contrast checker for comparing foreground and background colors against common accessibility thresholds.

  • color
  • contrast
  • accessibility

Easing Editor

An Anime.js editor for previewing spring easing and exporting values for CSS or JavaScript.

  • animation
  • easing
  • css

Easing Functions

A visual reference for common easing curves and how their movement changes over time.

  • animation
  • reference
  • easing

Easing Gradients

An editor that demonstrates eased color transitions and produces CSS with intermediate gradient stops.

  • gradient
  • css
  • color

OKLCH Color Picker

A picker and converter for working with OKLCH colors, including P3 and sRGB fallback comparisons.

  • color
  • oklch
  • conversion

Ray.so

A focused web tool for turning a code snippet into a shareable image.

  • code
  • image
  • sharing

RegExr

An interactive workspace for learning, building, and testing JavaScript and PCRE regular expressions.

  • regex
  • testing
  • reference

SVGOMG

A browser interface for optimizing SVG files with SVGO settings.

  • svg
  • optimization
  • web-performance

ui.camera

A browser studio for turning UI images or videos into product-style visuals.

  • visual
  • mockup
  • product