Countdown Timer

Animated countdown widgets with fire, ice, and neon themes for drops and sales.

Themes

Fire Theme

Hot new release

Hours

Mins

Secs

Event Started!

Ice Theme

Cool collection drop

Hours

Mins

Secs

Event Started!

Neon Theme

Exclusive launch

Hours

Mins

Secs

Event Started!

Usage

import { CountdownTimer, useCountdown } from "@/components/profile"

// Basic usage
<CountdownTimer
  targetDate={new Date("2024-12-31")}
  title="New Year Sale"
  subtitle="Don't miss out!"
  theme="neon"
/>

// With hook for custom UI
const { days, hours, minutes, seconds, isExpired } = useCountdown(targetDate)

Props

Prop	Type	Default
targetDate	Date	required
title	string	-
subtitle	string	-
theme	"fire" \| "ice" \| "neon"	"fire"
onExpire	() => void	-