Bloom Color Picker
Inputsinline sandboxA beautiful flower-petal color picker with radial hue selection, saturation and brightness arcs.
color picker
hsl
hue
saturation
brightness
Preview
Click the center button to expand/collapse the petals
Click petals to select hue, drag arcs to adjust saturation and brightness
Installation
Use the shadcn CLI to install this component:
npx shadcn@latest add https://messyui.dev/r/bloom-color-picker.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| stagger | boolean | false | Whether to stagger the petal animation when opening |