Colorway Selector

✦ One product. Every color. Beautifully presented.

Give your products a little more personality with a compact, interactive color selector. Visitors can explore different finishes while the product visual and background change together. Make it completely your own with flexible controls for layout, styling and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Product images ✦ Color variants ✦ Background colors ✦ Product name ✦ Brand label ✦ Description ✦ Price ✦ Individual links ✦ Typography ✦ Panel colors ✦ Border radius ✦ Animation speed

🎯 Perfect for

Product showcases ✦ Furniture brands ✦ Home decor ✦ Lifestyle products ✦ Design objects ✦ E-commerce landing pages ✦ Product launches

📱 Responsive by default

A two-column product card on Desktop that automatically stacks into a compact vertical layout on Tablet and Mobile.

🖱 Included interactions

Interactive color swatches ✦ Animated product transitions ✦ Background color changes ✦ Active variant indicators ✦ Optional product links ✦ Keyboard focus states ✦ Reduced-motion support

🔗 Live Preview

https://breathtaking-operators-418775.framer.app

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!