Timer - Countdown
It displays days, hours, minutes, and seconds — with smooth vertical slide animations for number transitions and flexible design controls.
Features
Smooth Slide Animation — numbers transition upward every second with a clean, modern flip effect.
Editable Target Date — set year, month, day, and time with simple numeric fields.
Automatically adapts to user's timezone.
Fully Customizable Typography — separate font controls for numbers and labels.
Responsive Scaling — automatic resizing using clamp() for perfect scaling across breakpoints.
Box Styling Controls — change color, border, shadow, and radius for full creative freedom.
Adjustable Layout — tweak spacing between boxes and labels for any layout style.
How to use:
Copy the component
Paste it onto your canvas
Set your target date (year, month, day, time)
Customize fonts, sizes, colors, borders, and shadows
Preview and publish your site
Framerspark
