
Vibe coding React Color Picker using Google Antigravity
I vibe-coded an MVP version of Color Picker this weekend for my ReactJS/NextJS projects using Google Antigravity. It was less of a self-test of JavaScript and more of a challenge to myself, to see if I can use Prompt Engineering to build something that is commonly used in my projects. After initial research, to make it framework independent, and to keep everything in Shadow DOM, I finalized using Lit, Open Web Components, and Rollup module bundler. Salient Features: Eye Dropper using Chrome EyeDropper API HTML Form Compatibility using ElementInternals Interface HEX, RGBa output Upcoming Features: Canvas-based fallback EyeDropper for Firefox Multiple layouts for better accessibility Initial Prompt Used: Role Act as a senior frontend architect. Scaffold a universal UI library for a color picker using the Open Web Components generator and Lit Instructions Create a universal color picker library where output must be that works natively in jQuery, ReactJS (handle events via props), and Nuxt
Continue reading on Dev.to React
Opens in a new tab




