Animated React and Tailwind components for Next.js, Vite and AI coding assistants
Free browser-based tool to extract HEX, RGB, and HSL color codes from any image pixel
Stage
Not given
Not given
Founded
Not given
Not given
Based in
US
Not given
Pricing model
Paid
Free
Pricing
Individual components: $3 each. The Shelf: $29 for all 17 paid pieces, one-time payment. Pro Lifetime: $69 one-time (pre-launch price; $89 after November 12, 2026), includes all current and future pieces, at least 8 new pieces by January 31, 2027 or $40 refunded.
Not given
Key features
React and TypeScript components with Tailwind CSS
Framer Motion animations on most components
Next.js App Router ready with use client included
PROMPT.md file with Cursor, v0 and Lovable prompts
Plain HTML version included in every zip
Tested in Next.js 15 with Tailwind v4 and Vite
Live preview before purchase
23 total components available
Click or tap any pixel to read its exact color code
Get HEX, RGB, HSL, CMYK, and OKLCH values with one-click copy
Extract dominant colors from an image as a palette
No server upload – image processing happens entirely in your browser
Match colors to traditional Chinese and Japanese color names
Save color history in your browser on this device
Works on mobile with touch and on-screen keyboard
Export palettes as CSS variables, Tailwind, or JSON
Support for JPG, PNG, and WebP image formats with drag-and-drop upload
Use arrow keys to nudge the cursor and fine-tune pixel selection
What makes it different
Components come with full clean, commented source code ready to paste in
Each component includes prompts to hand to AI coding assistants for fitting into your project
Usable in personal and client projects with no resale restrictions on the work itself
Affordable one-time payment with no subscription required
Pro Lifetime includes all future releases up to January 31, 2027 with money-back guarantee
Entirely browser-based with no sign-up required
Links picked colors to centuries-old traditional Chinese and Japanese palettes
Displays multiple color formats (HEX, RGB, HSL, CMYK, OKLCH) for every pixel
Image never leaves your browser – all processing is client-side
Supports palette export in multiple formats for developers and designers
qodesign
Image Color Picker