Skip to content

Widgets

Hearth: widgets that read like a product.

A header, a number, a chart, two blocks.

  1. 01HeaderTitle, info tip, date range and the more menu.
  2. 02HeroThe number that matters, with its delta and comparison.
  3. 03ChartAny of the 100+ types, at the size class that fits.
  4. 04BlockUp to two of eleven: goal, rank, chips, events, share, alert, tabs, table, split, link or tiles.
  5. 05FooterLive status, source and a link out.
  6. 06OverlaysDate pickers, menus, six tooltip types, loading, empty and error states.
HashrateMonthly average hashrate in EH/s from November to October: from 610 to 812, the highest month last.HashrateThis quarterNETWORK HASHRATE · OCTOBER812EH/s+33%VS NOVEMBER 2025NDJFMAMJJASOEH/S12 MOMiner revenue$1.9M24 HHashprice$48PH / DAYDifficulty+4.1%IN 3 DMONTHLY AVERAGETHIS MONTHRINGS 600 · 700 · 800Retries recovered $5.8K41% OF FAILED PAYMENTS · LAST 7 DAYSReviewLIVE · BLOCK 918,224Open mining

All 100+ types

The header, the hero number and the footer stay. The chart slides in with its own data, and all 100+ types fit the card.

Waterfall: closing cash · sep 30 $1.91M USDCash from the opening balance of $1.82M to the closing balance of $1.91M: sales in, refunds, staff, cloud and tax out.WaterfallQ3 2026CLOSING CASH · SEP 30$1.91MUSD+$90KVS OPENING BALANCE4M3M2M1M0OPEN+1.24MSALES−0.09MREFUND−0.71MSTAFF−0.23MCLOUD−0.12MTAXCLOSEBALANCEINFLOWOUTFLOWSYNCED 4 MIN AGOOpen report
Cash bridge, Q3
StepChangeBalance
Open$1.82M
Sales+$1.24M$3.06M
Refund−$0.09M$2.97M
Staff−$0.71M$2.26M
Cloud−$0.23M$2.03M
Tax−$0.12M$1.91M
Close$1.91M

042 Waterfallof 100+ chart types

  • 24Change over time
  • 19Compare items
  • 16Part of a whole
  • 17Distribution
  • 11Flow between steps
  • 17Relationship
  • 19Schedule and status
  • 9Space and place

Collections

One widget, two languages.

Every plan gets every collection. The same widget and the same data, drawn in each collection’s language. Pick a collection in the nav and every chart and widget on the site follows.

HearthCollection 01

Semi donut: net revenue $228K USD3,412 orders by channel: Web 52%, App 28%, Market 14%, Retail 7%.Semi donutQ3 2026NET REVENUE$228KUSD+7%VS SEPTEMBERORDERS3,412WEB 52%APP 28%MARKET 14%RETAIL 7%ORDERS3,412OCTOBERAOV$67+$3RETURNS4.1%OF ORDERSREPEAT31%BUYERSCHANNEL NOTESOCT 09App · push campaign +412 ordersOCT 06Marketplace · fee changeOCT 03Retail · two stores reopenedOCT 01Web · checkout redesign liveSYNCED 4 MIN AGOOpen report
Orders by channel
ChannelShare
Web52%
App28%
Market14%
Retail7%

SignalCollection 02

Channel mix: net revenue $228K USD3,412 orders by channel: Web 52%, App 28%, Market 14%, Retail 7%.Channel mixOctoberNet revenue$228KUSD+7%Vs SeptemberOrders3,412Web 52%App 28%Market 14%Retail 7%Orders3,412OctoberAOV$67+$3Returns4.1%Of ordersRepeat31%BuyersChannel notesOct 09App · push campaign +412 ordersOct 06Marketplace · fee changeOct 03Retail · two stores reopenedOct 01Web · checkout redesign liveSynced 4 min agoOpen channels
Orders by channel
ChannelShare
Web52%
App28%
Market14%
Retail7%

More collections are in the works. Each one restyles every chart and widget in its own language, in every plan.

See collections

Overlays

Every widget ships with its overlays.

Date pickers, menus, a popover, a legend toggle, a toast and six tooltip types, on the deep surface the widgets use. Each one is a component in the Figma file.

Date range

Date rangeDate rangeTodayLast 7 daysLast 30 daysMonth to dateLast quarterCustomOctober 2026MTWTFSS2829301234567891011121314151617181920212223242526272829303112345678SELECTED · 10 DAYSOct 1 – Oct 10, 2026CancelApply

More menu · Filter menu

More menu · Filter menuMore menu · Filter menuRefreshRExpandFDownload PNGExport CSVDuplicatePin to dashboardWidget settingsRemove widget
More menu · Filter menuMore menu · Filter menuSearch hubsHUBS · 3 OF 5Rotterdam1,312Hamburg1,034Antwerp1,046Lyon598Milan655ClearApply

Info popover

Info popoverInfo popoverP95 response time95% of requests finished faster than this.Measured from the router to the firststreamed token, across all models.SOURCE · ROUTER LOGSUPDATED 2 MIN AGO

Legend toggle

Legend toggleLegend toggleCARD DECLINED
Legend toggleLegend toggleCARD DECLINED
Legend toggleLegend toggleCARD DECLINED

Series · Compare

Series · CompareSeries · CompareW36 · SEP 1 – SEP 7Card declined186Insufficient funds102Fraud block54Total342
Series · CompareSeries · CompareOCT 4 · 14:001.3 s+0.2 sVS SAME HOUR YESTERDAY

Range · Cell

Range · CellRange · CellOCT 4 · BTC / USDHigh$64,880Low$62,940Close$64,210
Range · CellRange · CellFRIDAY · 18:00 – 20:00412transactionsPEAK HOUR · 2.3% OF WEEK

Value · Axis

Value · AxisValue · AxisW36 · 3.1%
Value · AxisValue · AxisOCT 4
Value · AxisValue · Axis$64.2K

Toast

ToastToastReport exportedCSV · 2.1 MBOpen

Next

Build your own Hearth widget.

The docs walk through the parts, the eleven blocks and the props. Pricing shows which plan holds the Figma kit and which holds the code.

Hearth widget docs

Anatomy, the eleven blocks, the props and the install command, with a live preview.

Read the docs

Plans

The Hearth Figma kit is in Figma and Complete. The widget code is in Code and Complete. Pay once, every update.

Compare plans