{"repo":"ddoemonn/react-beautiful-color","free":true,"listed":false,"github":"https://github.com/ddoemonn/react-beautiful-color","clone":"git clone https://github.com/ddoemonn/react-beautiful-color.git","description":"react color picker you can actually customize","language":"TypeScript","stars":79,"topics":["alpha","color","color-picker","compound-components","hue","nextjs","react","saturation","tailwindcss"],"license":"MIT","category":"ui-components","readme_excerpt":"react-beautiful-color The most flexible and beautiful color picker for React. Built with compound components for maximum customization. Why Choose This Over Others? - 🧩 Compound Components - Compose your own layout, unlike rigid alternatives - 🎨 Beautiful Design - Clean, modern UI that fits any design system - ⚡ Smart Hook - useColorState preserves your input format while providing all color formats instantly - 🛡️ Type-Safe API - Full TypeScript support with comprehensive type definitions - 👁️ Eye Dropper Support - Built-in screen color picker (where browser supports it) - 🎯 Format Preservation - Maintains your original color format throughout interactions - 🌈 Universal Format Support - Hex, RGB/RGBA, HSL/HSLA, HSV/HSVA with alpha channel - 🪶 Lightweight - Pure Tailwind CSS, no external dependencies - 🛠️ Fully Customizable - Style and arrange components however you want - 🔧 Rich Utilities - Comprehensive color conversion and manipulation utilities Installation 📖 View Full Documentation → Quick Start 1. Add CSS to your layout file: 2. Use the component: Components 🎨 ColorPicker Compose your own layout with these sub-components: - ColorPicker.Saturation - Saturation and brightness selection area - ColorPicker.Hue - Hue selection slider - ColorPicker.Alpha - Alpha/transparency slider - ColorPicker.EyeDropper - Eye dropper tool (browser-dependent) 📖 Learn more about ColorPicker → ⚡ useColorState Hook Intelligent state management with format preservation: 📖 Learn more","default_branch":null,"files":null,"tree":[],"storefront":"/r/ddoemonn","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ddoemonn/react-beautiful-color/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}