Color picker

A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/color-picker.json

Files

• registry/components/color-picker/color-picker.tsx
• registry/components/color-picker/color-picker.module.css
• registry/components/text-morph/text-morph.tsx
• registry/components/text-morph/text-morph.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Color Picker Components
• React Color Picker Components
• Animated Color Picker Components
• Input Components
• React Input Components
• Animated Input Components
• Overlay Components
• React Overlay Components
• Animated Overlay Components
• Popover Components
• React Popover Components
• Animated Popover Components

More from Arc Library

• Date picker
• Date range picker
• Hover card
• Notification center
• Popover
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar