---
title: "WebX Bento Grid — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Bode Chris · Cards. WebX Bento Grid is a customizable Framer component for presenting services, features, projects, products and content in an expressive…"
canonical: "https://framer.elliotli.dev/component/webx-bento-grid"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/WebX Bento Grid

# WebX Bento Grid

Responsive bento grids with motion

[View on Framer](https://framer.com/marketplace/components/webx-bento-grid/?via=elliot-li)

![WebX Bento Grid preview image 1](https://framer.elliotli.dev/og/component/webx-bento-grid/8a8bdc60d4efb8bb/1600x1200.jpg)

## Summary

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

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1042

## Details

- **Author**: Bode Chris
- **Price**: $5.00
- **Published**: 2026-09-09
- **Updated**: 2026-09-30
- **Added**: 2026-09-09
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator