Color Focus Gallery

✦ Give every image its moment.

Showcase your projects with bold imagery, colorful panels and smoothly expanding cards. Hover or tap to bring a project into focus while the surrounding images make room. 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.

Project images ✦ Image positioning ✦ Titles ✦ Short titles ✦ Categories ✦ Project links ✦ Individual panel and text colors ✦ Default active item ✦ Desktop and mobile heights ✦ Expansion amount ✦ Card gaps ✦ Corner radius ✦ Typography ✦ Animation speed ✦ Background color

🎯 Perfect for

Creative portfolios ✦ Design studios ✦ Project showcases ✦ Editorial galleries ✦ Campaign highlights ✦ Photography portfolios ✦ Product collections ✦ Agency websites

📱 Responsive by default

The horizontal gallery adapts into a compact vertical card layout on narrow containers, keeping the active project in focus across screen sizes.

🖱 Included interactions

Hover-to-expand cards ✦ Tap-to-select ✦ Smooth card transitions ✦ Full-card links when configured ✦ Keyboard focus outlines ✦ Reduced-motion support

🔗 Live Preview

https://exhilarated-guidance-062544.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!