About this piece
Event Countdown
Dark foreground countdown with event title, start time, and a four-unit time tile grid below.
Usage
The import and the props worth knowing about, in one place.
import { Event4 } from "@/components/beste/piece/event4";
<Event4
title="Shipmas 2026"
startsAt="Dec 1 · 09:00 UTC"
days={42}
hours={8}
minutes={21}
seconds={11}
daysLabel="days"
hoursLabel="hrs"
minutesLabel="min"
secondsLabel="sec"
/>More Event pieces
View all EventDoors open in
00:15:00Early access closes when the clock hits zero.
Flip Countdown
Split-flap countdown on a dark panel: each second the changing digits fold over with a top-half flip, then the clock rests at zero and starts again.
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.
Opens to everyone in
12
days
06
hrs
48
min
Early access closes when the counter runs out.
Countdown Card
A countdown card with a short label over three light figures split by hairlines, closing on a caption.
Opening-day speakers
Priya ShahDesign · Linear
Kian OkaforEngineering · Beste
Speaker Lineup
Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.