Liftoff

icon

Countdown to your next big event

Liftoff is a countdown stack that will always launch on time! As soon as the timer reaches zero, the timer itself can be hidden and your desired content can be displayed! There are many other actions to choose from as well. All of this happens dynamically so your users don't need to worry about refreshing the page.

Key Features

Works in Any Theme

Liftoff works in any theme.

Count Down

Count down the number of days, hours, mins and seconds down to your next big date.

Count Up

Count up from a particular date. Display how much time has passed since your big day.

Clock

Display the current time in both 12 hour or 24 hour clock formats.

Timer

Add a timer to your pages to count up or down. You can also customize how the timer increments.

Days, Hours, Minutes or Seconds!

Want to only display a little bit or a lot, you have choices of what to show!

Dynamic Dates

Always dynamically display to the next weekday, day of the month of day of the year.

From First Visit

Start a timer based on the time the user visits your webpage.

Redirect to URL

Redirect to a URL after the time has completed. Our Agent stacks could be interesting to use with this feature.

Reveal Content

When the counter hits zero, the content will dynamically make the count down disappear and the new content appear. No refreshes by users!

Responsive Styles

Customize the colors and sizes for the labels and digits. All sizing options are responsive.

Refresh Page

Reload the current webpage after the time has completed.

Total CMS Dates

Import your dates from inside Total CMS.

CSS Reference

CSS selector for each Liftoff component are given to make styling it with CSS or F6 swatches a breeze.

Demo

Countdown to Next Monday (PDT)

Count up from Foundation 6 Launch Date

Timer count down from 2022 on page load

Reviews

We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.

Screenshots

screenshots
screenshots
screenshots
screenshots
screenshots
screenshots
screenshots

Tutorials

Loading...
Content Visibility - All the ways you can show/hide content on your websites
Content Visibility - All the ways you can show/hide content on your websites
Liftoff - Basic Setup for Timers
Liftoff - Basic Setup for Timers
Liftoff - Basic Setup
Liftoff - Basic Setup
Styling Liftoff with Foundation 6 Swatches
Styling Liftoff with Foundation 6 Swatches
Liftoff 2 - Countdown timers for your website
Liftoff 2 - Countdown timers for your website

Downloads

Liftoff Demo Project

Uploaded by Weaver's Space

Updates

v2.3.1

  • The feature added in v2.3 required PHP8. I have updated the code to maintain backwards compatibility with PHP7.4

v2.3.0

  • You can now add Liftoff to a Total CMS Blog page and it will use the date of the blog post.
  • New Manual Advanced format that will allow you to manually add a date string without the date picker.You can also use macros in here. This will also allow for integration with Total CMS 3.

v2.2.0

  • The ability to set the time relative to a user's first visit to the webpage. For example: display content 1 day after the visitor goes to the page. This time is unique to each individual visitor. This feature does not use cookies.

v2.1.1

  • Removed Max constraints in some of the settings

v2.1.0

  • New ability to define custom translations for languages that are not available in LIftoff currently.
See all updates Thanks!

You may also like…

scroll me

HANGOUTS

Next Hangout Session
Friday, March 21

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy