Animated Bento Grid: Framer Component

A scroll-driven bento grid component for Framer websites. Visitors land on your headline, and as they scroll, your logo moves to the center while 8 cards fill in around it.

We built it at 7 Sync Technologies for service sections, feature grids and project showcases that need more than a static card row.

What's included • 8 fully customizable cards: title, description, details and icon • Image and video support in any card • Hover effects on every card • Scroll-driven reveal animation • Styling controls: gap, corner radius, grid lines and background • Animation controls: scroll length and smoothing • No code needed. Everything is in Framer's property panel

Perfect for Creative agencies, SaaS websites, portfolios, startups, hotels and hostels, brand guidelines, events and e-commerce.

Live preview: animated-bento-grid.framer.website Get it: https://framer.link/animated-bento-grid Price: $10

Need help or a custom version? hello@7synctech.com

Here's an embossed signature at the bottom of a portfolio template made in Framer.