Contrast checker

Text and background pickers with a live preview, the WCAG ratio and AA and AAA results.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-color-picker-13

Files

• registry-reui/bases/radix/components/color-picker/c-color-picker-13.tsx
• registry-reui/bases/radix/reui/badge.tsx
• registry-reui/bases/radix/reui/color-picker.tsx
• registry-reui/bases/radix/reui/frame.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/card.tsx
• registry/bases/radix/ui/field.tsx
• app/(create)/components/icon-placeholder.tsx

Source

https://github.com/keenthemes/reui

Categories

• Color Picker Components
• React Color Picker Components
• Tailwind CSS Color Picker Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Select Components
• React Select Components
• Tailwind CSS Select Components

More from ReUI

• Autocomplete
• Basic autocomplete control
• Small autocomplete
• Large autocomplete
• Form integration
• Disabled state
• Auto highlight option as you type
• Control with label
• With clear button
• With trigger button
• With clear and trigger buttons
• With groups and labels