Advanced Countdown is a customizable animated countdown timer for modern Framer websites. Create urgency and highlight important dates with smooth animations, flexible layouts and beautiful styles - no code required.
Perfect for product launches, limited-time offers, events, webinars, coming-soon pages, campaigns and deadlines.
Select your end date from the Framer property panel
Automatically adapts to the visitor’s local timezone
Custom message when the countdown reaches zero
Horizontal or Vertical layouts
Adjustable box size, spacing and corner radius
Show or hide Days, Hours, Minutes or Seconds individually
Choose from:
Solid - clean and minimal
Gradient - adjustable gradient angle
Glassmorphism - blur and opacity controls
Unique Per Unit - custom background and border for each unit
Add smooth number transitions with: Slide, Fade, Scale, Blur, Bounce, Flip and Skew
Choose animation speed from Snail, Slow, Normal, Fast or Instant.
Custom font size, weight and color
Optional leading zeros (01, 02, 03…)
Smooth digit-by-digit transitions
Customize or hide Days, Hours, Mins and Secs labels
Control label size, color and weight
Add custom separators with color and opacity controls
Safe date handling
Static-renderer support
Automatically stops when the countdown ends
Optimized for smooth performance
Drop Advanced Countdown into your Framer project, select your date, choose your style and animation, customize the design and publish.
No coding required - just add, customize and launch.
Advanced Countdown is a customizable animated countdown timer for modern Framer websites. Create urgency and highlight important dates with smooth animations, flexible layouts and beautiful styles - no code required.
Perfect for product launches, limited-time offers, events, webinars, coming-soon pages, campaigns and deadlines.
Select your end date from the Framer property panel
Automatically adapts to the visitor’s local timezone
Custom message when the countdown reaches zero
Horizontal or Vertical layouts
Adjustable box size, spacing and corner radius
Show or hide Days, Hours, Minutes or Seconds individually
Choose from:
Solid - clean and minimal
Gradient - adjustable gradient angle
Glassmorphism - blur and opacity controls
Unique Per Unit - custom background and border for each unit
Add smooth number transitions with: Slide, Fade, Scale, Blur, Bounce, Flip and Skew
Choose animation speed from Snail, Slow, Normal, Fast or Instant.
Custom font size, weight and color
Optional leading zeros (01, 02, 03…)
Smooth digit-by-digit transitions
Customize or hide Days, Hours, Mins and Secs labels
Control label size, color and weight
Add custom separators with color and opacity controls
Safe date handling
Static-renderer support
Automatically stops when the countdown ends
Optimized for smooth performance
Drop Advanced Countdown into your Framer project, select your date, choose your style and animation, customize the design and publish.
No coding required - just add, customize and launch.
