Heatmap Grid

Seven-by-five activity grid shading from muted to deep emerald.

Import & use

import { Shapes22 } from "@/components/beste/piece/shapes22";

<Shapes22 />

More Shapes pieces

Sixteen dots laid out as a four-by-four spacing grid.

Asymmetric bento layout with one large tile, two stacked small ones, and a wide row.

Three columns, each with an icon tile, a heading line, and two body lines.

Three rounded squares fanned diagonally in foreground, amber, and card tones.

Three overlapping circles separated by card-colored rings.

Dark rounded panel with stacked line bars and one keyword highlight.