Shape Shift Cards

✦ Give every idea a little personality.

Showcase your services, features or creative ideas with colorful cards and playful geometric shapes. Each card reacts to selection with smooth shape animations and a fresh line of text. 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.

Card titles ✦ Eyebrows ✦ Descriptions ✦ Selected text ✦ CTA labels ✦ Links ✦ Shape types ✦ Individual card colors ✦ Shape and detail colors ✦ Card height ✦ Minimum card width ✦ Gap ✦ Padding ✦ Border radius ✦ Active lift ✦ Animation speed ✦ Typography ✦ Background and text colors

🎯 Perfect for

Creative studios ✦ Service sections ✦ Feature highlights ✦ Portfolios ✦ Product benefits ✦ Landing pages

📱 Responsive by default

The flexible card grid adapts to its container width, arranging cards side by side on larger screens and stacking them vertically on mobile.

🖱 Included interactions

Full-card selection ✦ Animated SVG shapes ✦ Hover reactions ✦ Active card lift ✦ Full-card links when configured ✦ Keyboard-accessible controls ✦ Reduced-motion support

🔗 Live Preview

https://adorable-predict-684069.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!