Comparison Bar

Revenue
This week$48.2K
Last week$42.9K
About this piece

Comparison Bar

Two horizontal bars comparing this period against the previous one.

Usage

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

import { Chart3 } from "@/components/beste/piece/chart3";

<Chart3
  surface="card"
  bordered={true}
  inverted={false}
  label="Revenue"
  currentValue="$48.2K"
  previousValue="$42.9K"
  current={48.2}
  previous={42.9}
  currentLabel="This week"
  previousLabel="Last week"
/>

More Card pieces

View all Card
Sessions · this week8,214

Bar Chart Card

Card with a label, headline value, and a row of vertical bars scaled to the data.

Growth · AnnualRenews on May 1, 2026
$480/ year
160 GB of 250 GB used

Current Plan

Subscription status card showing plan name, amount, renewal date, a usage bar, and manage or upgrade buttons.

Beste Card

4218

Herbie Hancock09/29
318

Report a lost card at hello@beste.co

Card Flip

Payment card that turns on its axis every few seconds to show the magnetic stripe and security code, then turns back to the front.

Monthly revenue
$12,459+24%

Metric Card

KPI label, a bold value, and a signed percentage trend badge.

Growth
$48/ mo
For teams growing past launch.
Unlimited editors
250 GB storage
Realtime analytics

Featured Tier

Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.

Studio
$39per month
  • Unlimited blocks
  • Team workspaces
  • Priority support

Plan Card

Pricing tier with a headline amount, period, and a stack of check-marked features. Featured tier flips to primary.