Countdown Card

A countdown card with a short label over three light figures split by hairlines, closing on a caption.

Opens to everyone in

12

days

06

hrs

48

min

Early access closes when the counter runs out.

New here? Read the installation guide.

Import & use
import { Event12 } from "@/components/beste/piece/event12";

<Event12
  title="Opens to everyone in"
  units={[
    {
      "value": "12",
      "label": "days"
    },
    {
      "value": "06",
      "label": "hrs"
    },
    {
      "value": "48",
      "label": "min"
    }
  ]}
  caption="Early access closes when the counter runs out."
/>

More Event pieces

View all Event
May12

Consultation · Rowan Blake

09:00 – 09:45 · Room 2

Join

Appointment Card

A single appointment row with a date block, a title and time-and-room line, and an accent join action.

Zorlu PSM · Grand HallLevent · BeşiktaşIstanbul, Türkiye
2,400 capacityMetro M6 · Zincirlikuyu exit

Venue Card

Venue panel with a gridded mini-map tile, name, address, city, capacity, and an italic directions line.

Shipmas 2026Dec 1 · 09:00 UTC
42days
08hrs
21min
11sec

Event Countdown

Dark foreground countdown with event title, start time, and a four-unit time tile grid below.

BSAKPSKOJR+123
128 attendingBeste Sözen, Andrea Kim and 126 others are going

Attendees Strip

Stacked avatar row with a +N overflow chip, total attendee count, and a social-proof summary line.

Day 1 · Fri, May 8
09:00
Opening keynoteMain stage
10:00
Designing with intentTrack A
11:00
Coffee & networking
11:30
Component systems workshopWorkshop room

Conference Agenda

Conference day schedule with left-ruled session rows color-coded by keynote, talk, break, or workshop.

Live14 min in
2,148 watching
Shipping in public · weeklyHosted by Beste Sözen

Live Now

Live-streaming card with a rose live pill, viewer count, minutes-in marker, and a Join stream button.