Dev Design Library

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.

Color Picker preview
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.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/surface-context.tsx
  • registry/default/lib/surface-classes.ts
  • registry/default/lib/icon-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism