# Threejs Unique Color Picker - Car configurator

> Creating a new kind of color picker using and . By choosing a color, we have a smooth gradient transition. But when we drag and drop the color, it makes an…

Canonical page: https://andersonmancini.dev/videos/threejs-unique-color-picker-car-configurator

Published: 2024-02-19 · Duration: 1:52 · Category: Projects · Tags: three.js, react-three-fiber, shaders, configurator, three-js, car-configurator, car, transition-material

Watch: [YouTube](https://www.youtube.com/watch?v=U4-DW0rhHBs) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

Creating a new kind of color picker using and . By choosing a color, we have a smooth gradient transition. But when we drag and drop the color, it makes an ink splat effect using MeshTransitionMaterial. I love UI interactions

Live link coming soon.

## Links from the video

- [Live demo](https://threejs-classics-garage.vercel.app/)

## Related projects

- [Classics Garage](https://andersonmancini.dev/projects/classics-garage.md) — Classic car configurator with gamification