Poulette, the color palette
Poulette is a proof of concept for a color mixer interface.
Play with the demo
Features
- select an existing color by clicking on a point
- click and drag on the palette to create a new color
- organize the palette by dragging the points around
- remove an existing color by dragging it outside of the component
- deleted colors appear in a list an can be re-introduced.
The the colors can be arranged in more familiar configurations.
Code
The wonderful esbuild is used for bundling the demo but any es6-compatible bundler should work.
I chose to not package the code as a ready-to-use component as it is difficult to satisfy every react, angular, vue, svelte... but I'd be very happy to see adaptations for these frameworks.
Note that this code has not been tested on a wide range of devices and browsers. Don't hesitate to report the issues you may find.
from Hacker News https://ift.tt/3czvWrJ
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.