This component no longer exists. It was in diceui/base’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
color-picker-demo
diceui-base/color-picker-demoRemovedExample
diceui/base publishes no description for this item.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/sadmann7/diceui/HEAD/docs/public/r/styles/base-vega/color-picker-demo.jsonSource
1import {2 ColorPicker,3 ColorPickerAlphaSlider,4 ColorPickerArea,5 ColorPickerContent,6 ColorPickerEyeDropper,7 ColorPickerFormatSelect,8 ColorPickerHueSlider,9 ColorPickerInput,10 ColorPickerSwatch,11 ColorPickerTrigger,12} from "@/registry/bases/base/ui/color-picker";1314export default function ColorPickerDemo() {15 return (16 <ColorPicker defaultFormat="hex" defaultValue="#3b82f6">17 <ColorPickerTrigger render={<ColorPickerSwatch />} />18 <ColorPickerContent>19 <ColorPickerArea />20 <div className="flex items-center gap-2">21 <ColorPickerEyeDropper />22 <div className="flex flex-1 flex-col gap-2">23 <ColorPickerHueSlider />24 <ColorPickerAlphaSlider />25 </div>26 </div>27 <div className="flex items-center gap-2">28 <ColorPickerFormatSelect />29 <ColorPickerInput />30 </div>31 </ColorPickerContent>32 </ColorPicker>33 );34}
What it pulls in
Other registry items
