GitHub Download

Color picker

Color picker allows user to easily select a color value instead of using a hex color manually.

The basic syntax for the color picker is very simple:

    "name": "primaryColor",
    "label": "Primary color",
    "group": "Colors",
    "value": "#E7AE12",
    "type": "colorpicker"

Above code will generate a color picker UI with label "Primary color" and default color set to #E7AE12

Color Picker


Get the latest Publii news, updates and more delivered directly to your email inbox

You can change your mind at any time by clicking the unsubscribe link in the footer of any email you receive from us, or by contacting us at By clicking below, you agree that we may process your information in accordance with our Privacy Policy.