Orvain UI
Orvain UI
Home
Blocks
AI tools
Figma
Pricing
Resources
FAQ
Blogs
Contact us
About us
Docs
Sign In
Get all access
Components
Form
Color Picker
Color Picker
Change any property and watch the Color Picker follow.
Free
React and Vue
Color Picker blocks
13 blocks
Pro
Overview
Playground
Accessibility
Reset
Stops
Hex
RGB
CSS
Hex
Recently Used
Corners
Auto
Pill
Style
Basic
Fancy
Fill type
Solid
Gradient
Radial
Angular
Diamond
Previous
Radio
Next
Date Picker
All documentation
Documentation
On this page
Canvas
All Products
Free components
FREE
Blocks
PRO
Code library + MCP
PRO
Figma file
PRO
Getting started
Introduction
Installation
Quick start
Foundations
Color
Typography
Guides
Editor and MCP
API reference
Learn
What is Orvain UI?
What is an AI-native design system?
What is an MCP design system?
React design system
Vue design system
Figma UI kit vs design system
Glossary
Use cases
Compare
Components
96
Blocks
Components
Actions
Button
Link Button
Ghost Button
Fancy Button
Compact Button
Button Group
Displaying Data
Avatars
Avatar Group
Avatar Compact Group
Badges
Tag
Fancy Tag
Data Table
Content Label
Content Divider
KBD
Line Progress Bar
Circular Progress Bar
Rating
Feedback
Alert & Notification
Tooltip
Banner
Form
Checkbox
Radio
Color Picker
Date Picker
OTP Input
File Upload
Hint
Input
Dropdown
Slider
Switch
Text Area
Layout
Accordion
Breadcrumb
Segmented Control
Tab Menu Horizontal
Tab Menu Vertical
Navigation
Dot Stepper
Pagination
Navbar
Overlays
Command Menu
Modal
Popover
