Components
Loading preview...
A sophisticated color input component with opacity control, color swatches, and clipboard integration. Features - Color Management - HEX color input - Visual color preview - One-click copy to clipboard - Color swatches for quick selection - Opacity Control - Smooth slider control (0-100%) - Visual gradient feedback - Custom styled thumb matching selected color - Real-time color preview
@kokonutd
npx shadcn@latest add https://21st.dev/r/kokonutd/color-inputimport { ColorInput } from "@/components/ui/color-input";
function ColorInputDemo() {
return (
<div className="block">
<ColorInput />
</div>
);
}
export { ColorInputDemo };