Swatch palette preview

Swatch palette

A strip of colour swatches that morph to a new palette on refresh, with tunable corner and morph speed.

  • Group
    Pickers
  • Origin
    Adapted · Bencho · source
  • License
    MIT
  • Added
    Oct 18
npx shadcn@latest add @deank/swatch-palette

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { Palette } from "@/registry/components/swatch-palette/swatch-palette";

<Palette />

Props

PropTypeDefaultDescription
count?number4
corner?numberCORNER
morph?number50

When to use

Showing or picking a colour palette, generative-palette toys, theme previews.

When not to use

Precise colour entry (use a real colour input with hex fields).

Related

Segmented control · Checklist