ComponentsCore

Color Area

A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.

Example

Usage

Installation

$npx libravelui@latest add color-area

Anatomy

import { ColorArea } from "@/components/ui/core/color-area";
<ColorArea />

Props

Loading types…

Edit on GitHub

Tree

A tree provides users with a way to navigate nested hierarchical information, with support for keyboard navigation and selection.

Color Field

A color field allows users to adjust the hue of an HSL or HSB color value on a circular track.

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