Fully customizable flip clock countdown with 3D animation. Clean minimal timer with days, hours, minutes, seconds. Perfect for product launches, events, sales or waitlist pages.
Made with Workshop
Build your own component with AI
This split-flap inspired clock is equipped with 3D effect built with CSS. This gives modern polished look for example for:
Waitlist pages
Flash sales
Special offers and discounts
Launch events
Display any component you like after countdown goes to zero, no manual updates needed. Use component library components or wrap any sections in your canvas into a component.
The component is designed to be user-friendly even for Framer beginners. Just select target date and time on the calendar and and you're good to go! All additional styling is fully optional.
This component allows you to choose any styles for:
Digits:
size, color, font
Tiles
border radius, width, height, shadow, background
Labels
visibility, font, size, color
Divider lines in the middle of tiles
color, height
Separators between tiles
color, font, padding, sign
The component comes in 3 sizes to ensure it will fit seamlessly on any device from desktop to tablet and mobile:
Small
Medium
Large
This component is crafted by Susanna Nevalainen, a professional developer–designer (BSc in Computer Science, MSc in Human–Computer Interaction Design) with over a decade of experience designing and coding production-grade components for enterprise-level apps and websites. Her deep expertise in frontend development as well as design ensures the component is not just beautiful but also performant & easy to use. Learn more at zuzze.tech.
In case of any questions, support is available at hello@zuzze.tech.