A zero-dependency React color picker supporting HSV, RGB, HSL, HEX, linear/radial gradients, EyeDropper API, and a headless useColorPicker hook.
title: "color-zone — A React Color Picker with Gradient Support, EyeDropper, and a Headless Hook"
published: true
tags: react, typescript, opensource, webdev
description: "A zero-dependency React color picker supporting HSV, RGB, HSL, HEX, linear/radial gradients, EyeDropper API, and a headless useColorPicker hook."
I built a React color picker that actually handles gradients
While working on a design system recently, I kept running into the same frustrating problem: I'd grab...
Originally posted at ReCodes26.dev When creating my portfolio website, I needed placeholder images...
Writing linear-gradient(135deg, #667eea 0%, #764ba2 100%) from scratch every time is tedious....
The eleven-shade color scale from Tailwind CSS is one of those ideas I keep stealing. You know the...
Seventy percent of websites still fail basic WCAG contrast checks in 2025. After years of design system tooling, accessibility…
Every couple of projects I ended up rebuilding the same effect: an animated topographic map...
