dotUI

Color Area

A color area allows users to select a color from a two-dimensional gradient.

<ColorArea />

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/color-area

Use color areas to allow users to select a color from a two-dimensional gradient.

import { ColorArea, ColorAreaThumb } from "@/components/ui/color-area";

<ColorArea defaultValue="#ff0000">
  <ColorAreaThumb />
</ColorArea>

Bringing singularity to the web.

Built with passion by @mehdibha.