A countdown that knows the rules
Launches, sales, events, deadlines and welcome offers — one component. Counts in the event's own time zone, gives each visitor their own evergreen timer, knows that "order by 2 pm" means Monday on a Friday night. Button and promo code built in. You decide what happens at zero.
Doors open October 5 · in 9 days
Not just "time until a date"
Most countdowns stop at a date picker. These are the three jobs a countdown actually does on a real site.
Date · in the event's time zone
A webinar at 5 pm New York is the same moment for a visitor in Berlin and in Tokyo. Daylight saving handled.
Live webinar starts in
Evergreen · per visitor
Each visitor gets their own 30 minutes. Reloading the page doesn't reset it. Optional restart at zero.
Your 15% welcome code expires in
Repeating · daily cutoff
Mon–Fri at 2 pm, holidays skipped. After the cutoff it rolls to tomorrow — on Friday evening it says Monday.
The cutoff line your customers actually read
One sentence with the countdown inside it. {day} becomes today, tomorrow or a weekday name in any language.
Launch · Sale · Event · Deadline · Drop · Minimal
Seven themes in one click — or Custom colors for every detail. Four digit styles: plain, rolling, split-flap flip, LED dots. Five layouts: boxes, plain, rings, clock, sentence. It scales down to fit a phone instead of overflowing.
Product launch
Carbon theme + flip digits, like an airport board
Launching in
Event
Midnight theme + rings that drain as the date nears, add to calendar
Keynote · September 29
Deadline
Paper theme, hides zero units on the last day
Applications close September 27
Drop
Terminal theme + LED dot-matrix digits
Next drop in
Minimal
Mono theme: no boxes, thin numbers, quiet labels
Available October 2
Every setting lives in the Framer properties panel
No code to touch. Controls appear only when they apply, so the panel stays short.
Mode Date · Evergreen · RepeatingDate Time Time zone city list or any IANA zoneHours Minutes Timer ID Restart for evergreenDays Cutoff Holidays Today Tomorrow LanguageAt zero Stay at 00 · Message · Count up since · Hide · Go to URLMessage Since text URLPreview at zero styles the end state on the canvasTheme Layout Digits Ring width Ring gradientHeadline Caption Sentence Time asFrom To Hide zeros Labels Separator Blink Align Gap Fit widthButton Button text Button link New tabButton color Button text color Button radiusPromo code Promo label Copied textUrgent at Urgent color Progress bar Bar color Track color Bar heightCalendar SEO event Event title Location Event lengthNumber fill solid or gradient · GlowLabel color Label case Text color Sep. colorBox Solid · Glass · Outline · Box color Box border Radius Padding ShadowNumber font Label font Text fontNever a dead "00:00:00" on your page
Pick what happens when time is up: keep the zeros, show a message, count up since, hide the timer, or send visitors to a URL.
Show a message
Replaces the timer when it ends
Count up since
The same component keeps working after the launch
Offer ended
Button and promo code leave with the timer — no expired "Shop now" on your page. Or Hide the whole block, or Go to URL.