Countdown Banner is a fixed-position notification bar that displays a live countdown timer alongside a custom message, call-to-action button, and optional discount code. Designed for product launches, flash sales, limited-time offers, and event promotions, it gives your website a polished layer of urgency with ease.
Six professionally designed presets including Midnight, Ember, Frost, Luxe, Neon, and a fully customisable option
Animated digit transitions with smooth flip effects
Built-in CTA button with pill design, hover scale animation, and link support
Optional discount code badge with click-to-copy functionality and instant visual feedback
Animated shimmer effect along the bottom edge for added visual depth
Dismissible close button with smooth slide-out animation
Timezone-aware countdown with support for 18 global timezones
Automatic completed state with customisable message or auto-hide behaviour
Preset (Midnight, Ember, Frost, Luxe, Neon, Custom)
Message
Target Date
Target Time
Timezone
Show Code
Code
Show Button
Text
CTA Link (native Framer link picker)
Background
Text
Accent
Digit Card BG
Digit Card Border
Label Color
Shimmer
Close Button
Font
Message Size
Digit Size
Height
Bottom Shimmer
Close Button
Digit Radius
Days, Hours, Minutes, Seconds labels
Separator character
Message
Auto-Hide
E-commerce flash sales and seasonal promotions
Product launches and early-bird pricing countdowns
Event registrations and webinar deadlines
Limited-time discount or free-shipping offers
Ship urgency in seconds. Drop the component, set your date, pick a preset, and publish.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au
Aidan Looker
