A comprehensive color selection component featuring a 2D color area for saturation and lightness, a hue slider, and a hex color input field built with React Stately.
An interactive 2D color area component that allows users to select colors within a specific color space using a draggable thumb handle.
A interactive color area component that allows users to select colors within a 2D plane, featuring a draggable handle and smooth visual feedback for color manipulation.
A disabled color area component featuring a non-interactive color selection surface and thumb, built with React Aria primitives for consistent accessibility and styling.
A controlled color area component with a draggable thumb, built using React Stately to manage HSL color values and provide real-time state updates.
A color area component that allows users to select color values by mapping two specific color channels to the X and Y axes, built with React and Tailwind CSS.
A color input field component featuring a label, text input for hex codes, and a trailing swatch icon suffix for visual context, built with React and Heroicons.
A color input field component featuring a prefix icon and label, built with a modular input group structure for consistent form styling.
A color input field component with built-in form validation and error messaging, built using React Aria Components and Tailwind CSS.
A color input field component featuring a label and text input for hex code entry, designed for intuitive color selection and form integration.
A disabled color input field component featuring a label and a read-only text input, designed for consistent form layouts using shadcn-compatible UI primitives.
A controlled color input field component that uses @react-stately/color to manage and display color state, featuring a label and text input for hex color values.
Select an Item to view its code
Choose an item from the list to view its code and files.