Color Picker
Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and a popover trigger. Built on Base UI's Popover, Menu, and NumberField primitives with native EyeDropper support.

- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @base-ui/react@^1.9.0, motion
- Install
npx shadcn@latest add @fluid/color-picker- Files
registry/default/color-picker.tsxregistry/default/lib/utils.tsregistry/default/lib/springs.tsregistry/default/lib/font-weight.tsregistry/default/lib/shape-context.tsxregistry/default/lib/surface-context.tsxregistry/default/lib/surface-classes.tsregistry/default/lib/icon-context.tsx
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- Color Picker Components
- React Color Picker Components
- Tailwind CSS Color Picker Components
- shadcn/ui Color Picker Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- shadcn/ui Input Components
- Overlay Components
- React Overlay Components
- Tailwind CSS Overlay Components
- shadcn/ui Overlay Components