ComponentsCore

Color Slider

A color slider is a slider that represents a color value.

Example

Usage

Installation

$npx libravelui@latest add color-slider

Anatomy

import { ColorSlider } from "@/components/ui/core/color-slider";
<ColorSlider
  label="Fill color"
  channel="alpha"
  defaultValue="hsl(0, 100%, 50%)"
/>

Props

Loading types…

Edit on GitHub

Color Picker

A ColorPicker synchronizes a color value between multiple React Aria color components. It simplifies building color pickers with customizable layouts via composition.

Color Swatch Picker

A color swatch picker is a picker that represents a color value.

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by dervyon. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI ™

Starter Kits

Templates

    Coming Soon

Labs