byronwade/ui
Application UI

Forms · Application UI

Color picker

HSL color picker, 2D field + hue/alpha sliders, eyedropper, hex/rgb/css/hsl output. Adapted from kibo-ui.

@byronwade/foundation@byronwade/utils@byronwade/button@byronwade/input@byronwade/selectcolor@base-ui/react

Feature showcase

Installation

Features

  • 1 example

    Default.

API

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.
@byronwade/buttonregistryInstalled through the byronwade/ui registry.
@byronwade/inputregistryInstalled through the byronwade/ui registry.
@byronwade/selectregistryInstalled through the byronwade/ui registry.
colornpmInstalled from npm.
@base-ui/reactnpmInstalled from npm.

Source and related

FilePath
Componentregistry/ui/color-picker.tsx
Default examplecontent/examples/color-picker/default.tsx