Custom Color Picker
Works anywhere React, Vue, Svelte, or plain HTML.
Project demonstration video
Technologies Used
Project Screenshots
Second version of the picker showcasing refined UI and accessibility improvements. Second version of the picker showcasing refined UI and accessibility improvements.
The initial prototype of the color picker, simple but functional, before accessibility work. The initial prototype of the color picker, simple but functional, before accessibility work.
The package as it appears on the official NPM registry with usage instructions. The package as it appears on the official NPM registry with usage instructions.
Project Background
Most color picker libraries were either tied to React/Vue or ignored accessibility. I built a minimal HTML/CSS/TS version, then layered in ARIA standards and keyboard navigation. After publishing to NPM, devs integrated it across frameworks with ease. The biggest win: proving a universal, accessible UI component doesn't have to be heavy or complex.
Video Demonstrations
Smooth color selection using the latest polished version. Smooth color selection using the latest polished version.
Early build of the color picker, functional but without accessibility features. Early build of the color picker, functional but without accessibility features.
Final polished demo highlighting usability across frameworks. Final polished demo highlighting usability across frameworks.
Project Summary
Lightweight color picker that works with any framework. Fully accessible with keyboard navigation. Published as an NPM package for easy use.