Countdown Timer

A simple shadcn block type react component that displays countdown to a specific date.

Demo

  import { CountdownTimer } from "@/registry/vinkas/blocks/countdown-timer"

  export function CopyrightTextDemo() {
    return <CountdownTimer date={new Date("2027/01/01")} />
  }

Installation

npx shadcn@latest add @vinkas-ui/countdown-timer

Make sure you already have the @vinkas-ui registry added to your components.json file. Read the installation guide for more information.

Properties

Property	Type	Required	Description	Default
date	Date	Yes	The date to countdown to.	-

Blocks

Here you can find all the blocks available in the library. We are working on adding more blocks.

Installation

Countdown Timer

Demo

Installation

Properties

On this page