@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.

6 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

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

6 total

Amplo Color Picker ui

OKLCH-native, Display-P3-aware color picker built on Base UI primitives — Hue/Lightness/Alpha on Slider, FormatSwitcher on Select, ChannelInput on NumberField,…

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

Amplo Gradient Picker ui

Linear / radial / conic gradient editing on Base UI primitives — TypeSwitcher/InterpSwitcher/RadialSizeSelect on Select, ReverseStops and the StopList editor a…

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

Amplo Fill Picker ui

Color + gradient + the solid/gradient mode switcher (FillPicker.Root/Tabs/Tab/Pane) — the "give me everything" entry point, Base UI variant. Pulls the Base UI …

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

Amplo Color Picker (Radix) 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-radix.json

Amplo Gradient Picker ui

Composable gradient picker (linear / radial / conic) built on the Amplo color picker. CSS Color 4 interpolation, per-stop format state, keyboard-accessible ang…

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

Amplo Fill Picker ui

OKLCH-native, Display-P3-aware composable fill picker (color today; gradients, images, and video on the way) with WCAG/APCA contrast metrics, gamut detection, …

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