Chroma Palette
Perceptually uniform color generator and interactive swatch palette with organic gooey fluid morph and one-click copy.
9.7 KB
•Updated on September 17, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-chroma-paletteUsage
Code
import { ChromaPalette } from '@/components/spaceui/chroma-palette'
export default function Example() {
return <ChromaPalette count={5} />
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | 5 | Number of color swatches (min 2, max 5) |
corner | number | 14 | Swatch corner radius |
morph | number | 50 | Morphing animation speed / intensity (0-100) |
palettes | string[][] | - | Optional array of preset color palettes |
onGenerate | () => string[] | - | Custom palette generation callback |
onPaletteChange | (colors: string[]) => void | - | Callback invoked when a new palette is selected |
Keep in mind
- MIT License: Free and open-source for personal and commercial use. Feel free to copy, tweak, and adapt the components to match your exact needs.
- Credits & Inspiration: Some components on this site are inspired by or recreated from great ideas across the web. I'm not here to take credit; just to learn, experiment, and push interface craft further.
- Reach out & Claims: If an attribution was missed, or if you have any inquiry or claim, feel free to reach out directly on X to @adrielzimbril. I'll be glad to update or resolve it right away.
On This Page