search

onlook-dev / onlook

The open source, local-first Webflow alternative. Design directly in your live React site and publish your changes to code.
https://onlook.dev
Apache License 2.0
2.56k stars 123 forks source link

[FEAT] Custom Color Picker #89

Open drfarrell opened 1 month ago

drfarrell commented 1 month ago

We need a custom Color Picker + Variable selector module for Onlook.

Requirements

image

Some inspiration for what color pickers could look like: https://www.tldraw.com/r/IjnaUuT7EdRlaflRWj4Fu?v=-2045,-1060,7478,4112&p=page

Open for Design suggestions and contributions!

Koppeks commented 1 month ago

Hi I would like to help with this, do you need just the design or do you also want a pull request with the code?

drfarrell commented 1 month ago

Open to either! Both would be helpful. We already have a base color picker, we just need to wrap it for pre-set variables and such.

Screenshot 2024-07-30 at 7 45 46 PM

What would you be excited to work on? I can get you a design if you'd like to help implement it.

This is also similar to this issue https://github.com/onlook-dev/studio/issues/49 if you want to take a look through it and see if there's something there you'd like to work on.

Koppeks commented 1 month ago

Does the repo work in Windows? I saw that the only download method was IOS. If only works on iOS I would be glad to only contribute with design 🦩

Kitenite commented 1 month ago

@Koppeks it should work on Windows using the local instructions. We just haven't shipped a Windows executable for sake of focus.

Please let me know if you could not run it.

ErrolFernandes commented 1 month ago

Frame 3

drfarrell commented 1 month ago

Frame 3

Thanks for putting this together @ErrolFernandes!

If you want to keep jamming on it, here are some ideas of other things we need.