Countdown Timer

Install

npx shadcn@latest add https://21st.dev/r/anubra266/countdown-timer

Loading preview...

import TimerBasic from "@/components/ui/countdown-timer";

export default function DemoOne() {
  return <TimerBasic />;
}

More examples

Countdown TimerOpen page →

Loading preview...

Minimal TimerOpen page →

Loading preview...

Timer w LabelsOpen page →

Loading preview...

Timer Card StylesOpen page →

Loading preview...

Compact TimerOpen page →

Loading preview...

Large Display TimerOpen page →

Loading preview...

Workout T ImerOpen page →

Loading preview...

Pomodoro TimerOpen page →

Loading preview...

Dependencies

lucide-react @ark-ui/react

Source

tarkui.com

Published

8/25/2025

Install

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Install

Dependencies

Tags

Countdown Timer

Install

More examples

Dependencies

Source

Published

Similar components