@amplo

Highly specialized single-component registry: a Radix-style composable OKLCH-native color picker for shadcn/ui. Supports sRGB, Display-P3, Rec.2020-stretched color spaces with lossless format switching (hex, rgb, hsl, hsb, oklch, oklab, p3), live WCAG 2.1 and APCA contrast metrics, gamut-warning lines, eyedropper, alpha slider, swatches, and full keyboard accessibility. Built for Next.js + Tailwind CSS v4 with shadcn/ui semantic tokens. MIT-licensed. Use for: design tools, theme builders, or any product feature where users need to pick colors with accurate wide-gamut rendering and accessibility feedback.

2 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://amplo.ale.design/r/registry.json

pnpm pnpm dlx shadcn@latest add https://amplo.ale.design/r/registry.json

bun bunx shadcn@latest add https://amplo.ale.design/r/registry.json

fetch registry curl -s https://amplo.ale.design/r/registry.json

Components

2 total

Amplo Color Picker ui

OKLCH-native, Display-P3-aware composable color picker with WCAG/APCA contrast metrics, gamut detection, and full keyboard accessibility.

npx shadcn@latest add https://amplo.ale.design/r/color-picker.json

Amplo Color Picker (Base UI) ui

Base UI variant of the Amplo Color Picker — Hue/Lightness/Alpha on Slider, FormatSwitcher on Select, ChannelInput on NumberField, and Swatches on RadioGroup. R…

npx shadcn@latest add https://amplo.ale.design/r/fill-picker-base.json