Add a color picker

[laycookie]

Recently needed a color piker component in my project and I'm just wondering if it will make sense to have one here, Shadcn/ui does have a calendar so why not a color piker? I'm interested if this component is in plans or can I make one and open a pull request?

[NikharPandya]

@laycookie , at this moment components are built with radix ui primitives. So will only have components made with them. Stay tuned in future for updates.

[Illyism]

@laycookie I made a color + gradient + image picker.

Docs: https://gradient.page/picker
Github: https://github.com/illyism/gradient-picker

[FelipeCosta401]

I'm trying to use this example with Vite and i'm getting a 504 status code. I saw u using "use-client" in the begining of the code, i think thats next.js, right? Is there a way for me to use ur component with Vite ?? I'm kind lost because I still learing how to code. May someone help me pls? thx

[nathan-hello]

@FelipeCosta401 "use client" just means that it's a normal React component. There isn't anything different about NextJS client components and React components in Vite. If you're seeing a 504 in your console log, could you share what the output of your terminal is that's running vite? There should be some error information there.

[PabloResende]

😎😎😎

[Illyism]

Add one more example:

• https://gradient.page/hex/CCFF00

[untitledappseu]

Yeah please add Color Picker

[nightspite]

Example: https://shadcn-color-picker.vercel.app

CleanShot.2024-05-22.at.16.08.17.mp4

[Absleepy]

@Illyism The link you shared is great. But it's not a color picker. It's more of a color selector.
Would be great if user could drag around on a color picker.
Cheers

[cael-prussian]

https://v0.dev/chat/color-picker-component-2sBBFCIJr4q?b=b_osv3Z2Pc2fg