Components
Loading preview...
This Event Countdown Card is a fully animated promotional block designed to highlight and convert users for upcoming live events. It features a real-time countdown timer, urgency cues (like “Starts Soon!”), dynamic hover states, and pulsing time units—all wrapped in a theme-aware, motion-optimized layout. It supports image backdrops, attendee stats, and customizable join actions. Perfect for workshop landing pages, webinars, tech meetups, product launches, or any scenario where live countdown urgency drives engagement and conversions.
npx shadcn@latest add https://21st.dev/r/isaiahbjork/event-countdown-card"use client"
import { EventCountdownCard } from "@/components/ui/event-countdown-card"
export default function Page() {
return (
<div className="min-h-screen p-4 bg-background flex items-center justify-center">
<EventCountdownCard />
</div>
)
}