Event Countdown

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

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

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
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 Event
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

event6

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

Opening-day speakers
Priya Shah
Priya ShahDesign · Linear
Kian Okafor
Kian OkaforEngineering · Beste

Speaker Lineup

event3

Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.

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

Venue Card

event5

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

Midnight Tape · LiveSat, Jun 14 · 21:00Zorlu PSM · Istanbul
SectionGA Floor
SeatA · 042
MT-7Z91-X2Q

Event Ticket

event1

Notched gradient concert ticket with section, seat, and a vertical mono ticket code on the stub.

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

Attendees Strip

event8

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

Conference passes
Student· 42 left
$89
Early bird· 18 left
$249
Standard· 124 left
$399
VIP· Sold out
$1,200

Ticket Tiers

event7

Pass-level list where a highlighted tier picks up a primary ring and sold-out rows dim with a note.