1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  3. beui
  5. Color Picker

Color Picker

component

Composable color picker whose trigger chip morphs into the saturation and brightness area. A loupe lifts off each thumb while you drag. Includes hue and opacity sliders, hex, RGB and HSL fields, an eye dropper, presets, full keyboard control, and a controlled or uncontrolled value.

pnpm dlx shadcn@latest add "https://beui.dev/r/color-picker.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
  • clsx
  • lucide-react
  • motion
  • tailwind-merge
    @components/motion/color-picker.tsx