Custom 3D Countdown

Engaging 3D Design

This split-flap inspired clock is equipped with 3D effect built with CSS. This gives the component top performance with modern polished look for example for:

• Waitlist pages

• Flash sales

• Special offers and discounts

• Launch events

Reveal any component

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 new component you want to display.

Easy to use

The component is designed to be user-friendly even for Framer beginners. Just select target date and time on the calendar and you're good to go! All additional styling is fully optional.

Customizable styles

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

All styles are fully customizable to ensure the fonts and styles match any website. Here are some sample styles for inspiration that are built using this component:

Responsive Sizes

The component comes in 3 sizes to ensure it will fit seamlessly on any device from desktop to tablet and mobile:

• Small

• Medium

• Large

Top-notch Production Quality

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.

Support

In case of any questions, support is available at hello@zuzze.tech.