WebX Bento Grid

Create responsive bento layouts with smooth, premium interactions.

WebX Bento Grid is a customizable Framer component for presenting services, features, projects, products and content in an expressive asymmetric grid.

Each card can have its own title, description, image, background, text color, link, column span and row span. Add pointer-based 3D tilt, animated spotlights, image scaling and smooth hover movement without writing code.

The grid automatically adapts across desktop, tablet and mobile, with controls for columns, breakpoints, row height, spacing, padding and corner radius.

FEATURES

• Add, remove and reorder up to eight cards

• Responsive desktop, tablet and mobile layouts

• Custom row and column spans

• Individual images, colors and links

• Pointer-based 3D tilt

• Animated cursor spotlight

• Smooth hover lift and image scaling

• Custom typography, spacing and padding

• Adjustable overlays, borders and shadows

• Viewport-aware animations

• Reduced-motion accessibility

• Optimized for Framer static rendering

IDEAL FOR

Creative portfolios, agency websites, SaaS landing pages, service sections, project showcases, product highlights and editorial layouts.

Purchase once and use it across unlimited personal and commercial projects. Redistribution or resale of the component itself is not permitted.