---
title: "Bento Grids 01 — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Berkay Erdinc · Sections. Four bento cards that really work"
canonical: "https://framer.elliotli.dev/component/bento-grids-01"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Bento Grids 01

# Bento Grids 01

Four bento cards that really work

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

![Bento Grids 01 preview image 1](https://framer.elliotli.dev/og/component/bento-grids-01/ed22a7a8d0a53915/1600x1200.jpg)

## Summary

Four bento cards that really work

## Description

A four card bento section where every mechanic is real, not a picture of one.

Tick a task and the open counter drops. Type in the command palette and it filters live, with arrow keys and a keycap hint. Drag the seam on the review card and the rewrite slides in over the original. The live file carries selections, collaborator cursors and a publish state that completes.

Eight colour presets travel inside the component: Default, Nocturne, Editorial, Brutal, Terracotta, Forest, Cobalt and Mono. Each one in light and dark, plus an Auto mode that follows the visitor's system setting.

The layout reads its own container, not the window, so it moves from three columns to two to one without a breakpoint to wire. Twelve property controls cover every string, task, palette action and both code panes.

One self-contained code component: no external packages, no shared styles, nothing to install.

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

-   All · #2485

## Details

- **Author**: Berkay Erdinc
- **Price**: $5.00
- **Published**: 2026-08-12
- **Updated**: 2026-08-12
- **Added**: 2026-08-12
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes