Countdown Timer

About this piece

Four bordered tiles each with a digit value above a small unit label.

Usage

The import and the props worth knowing about, in one place.

import { Shapes71 } from "@/components/beste/piece/shapes71";

<Shapes71
  surface="card"
  bordered={true}
  inverted={false}
/>

Three small KPI tiles in a row, each with a label and a bold value bar.

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

Featured tile beside a stacked column where the last cell carries a more-overlay badge.

Image-topped tile with a title line, price block, and a circular add button.

Compact KPI tile with label, value, trend dot, and a sparkline trail.

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