Discover the best timer websites created by professional designers. Get inspired and start planning your perfect timer web design today!

**UPDATE**
New Countdown timer coming soon to https://codecrumbs.co
- Allows Multiple Countdowns with only 1 class
- Change each deadline by attribute for flexibility
- 3 lines of code for you (in total 😁)

I've been looking for a countdown timer that I could easily integrate into Webflow and stumbled across this simple script that made it possible. I forget the author on CodePen (I'm sorry), but I figured I would share the project in case this can help you too. 

It's really easy to add and style into your own project. The numbers have separate ID's for "Days", "Hours", "Minutes" and of course "Seconds". To change the time just go into the javascript under "Custom Code" for this page and change the date. It will be written like so: "2018-09-28-00" (pretty sure, you'll see it).

Then style the classes as you wish! 🤙🏻

Updated: 08-03-2018 (Javascript code works for all browsers).

Countdown

Project Countdown

Inspired by @GraphicOwls original project: https://webflow.com/website/Project-Countdown

Feel free to clone this project. If you do, please also give it a like so that it becomes easier for others to find it!

Smooth Countdown

Smooth JS Countdown Landing Page

Hi my gorgeous friends of Webflow,

This time I merged Webflow interactions and animations with a bit of CSS animations and JavaScript to create a fun and entertaining countdown timer.

Why is it different from all other timers you can find on Webflow Showcase?

Because it has a custom sliding CSS animation, it is completely based on attributes, and it is modular!

How to use it in your own projects? Just click on "How does it work?" to open the instruction pop-up.

Oh, and don't forget to scroll down the page! 😁

Enjoy, clone, and feel free to leave a comment!

Have an awesome Webflow journey y'all,
Francesco

Timer

Countdown Sliding Timer

A simple countdown timer with custom code for those who'd like to add count-down to their sites. 🙂

This is part of the library of 30 High Leverage Web Components I'm building in Webflow which could be very useful when building websites and portfolios. 

These are tricky to build from scratch and require a bit of workaround or some need little custom-code, so clone and use them in your Webflow projects and save time.

Project started as part of #noco30d challenge in Maker's Guild (https://guild.xperian.org).

- Arjun (@arjunphlox on twitter)

Componento 009

Componento-009: Countdown Timer

Roland Vs Attack Magazine quiz. Fully custom responsive grid built with flexbox. Split screen effects, custom dropdown and radio buttons.

A backend system will be created to calculate the final score. 

Final build soon.

Roland VS Attack

Roland vs Attack

A simple countdown timer than can easily be customised. 

The timer can be set to countdown to a time in a specific timezone. i.e. 15:00 British Summer Time - and the countdown will take into account the users current time (timezone) to give the correct countdown time.

Example timezone set to “Europe/London” using moment.js. You will need to adjust this to the timezone that you want to use.

Countdown Clock (Timer) Widget

DEMO - Countdown Clock Timer Widget

Looking to add a countdown or number count up to your website? Clone our free countdown animation Webflow Template and add it to your website as easy as 1, 2, 3.

- - - - - - - - - -

Interested in this free Webflow Cloneable?

• Check out a live preview on: https://countdown-cloneable-brixtemplates.webflow.io/

• Click 'Clone project' to get a clone on your Webflow account

• Looking for a tutorial on how to easily customize this Webflow cloneable? Check out this video tutorial we created: https://youtu.be/cEen998kChc

- - - - - - - - - -

• BRIX Templates - Looking for more Webflow templates? Take a look at our collection of premium & free Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

26. Countdown Animation Webflow Cloneable Template - BRIX Templates

Countdown / Countup Animation Webflow Template | BRIX Templates

I made this to help me facilitate my workshops. :)
I hope this would help you!

It's like a digital time timer.
The digits are for minutes.
Let me know what you think. :D

I did this in about 3 days?
The tablet breakpoint is still a mess.
Feel free to clone this and go crazy with it. Hahaha
Have fun!

Hot Timer

Hi guys,
Recently, I was into Typing Racer Game, so I try to recreate into Webflow. Here is my attempt.

Shout-out to <Web Dev Junkie> and <Web Dev Simplified> Youtube Channels.

Type Racer

Type Racer Game

Ok ok, so it's not an atomically accurate stopwatch (performance may vary), and it's DEFINITELY not the best way to "code" a stopwatch... but it was fun to make.

--

⬛️ ⬛️ ⬛️ ⬛️ ⬛️ 🔲
Native Interactions

⬛️ 🔲 🔲 🔲 🔲 🔲
Custom Code (just a 🤏)

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Stopwatch Timer

MM—010: Stopwatch Timer

Veza Digital

Having a sale that ends on a certain day? Use this cloneable resource to let your visitors know how urgent it is!

Don't forget to copy that custom code in the page settings :)

Countdown Banner

Dynamic Sale Countdown Banner Cloneable

Easy countdown timer for webflow. 

It's really easy to add and style into your own project. The numbers have separate ID's for "Days", "Hours", "Minutes" and of course "Seconds". To change the time just go into the javascript under "Custom Code" for this page and change the date. It will be written like so: "2018-09-28-00".

Countdown Timer - Flowmarc

Countdown Timer - Cloneable

Asad Digital

Hey guys, I decided to create a countdown inside Webflow. For the functionality, I used The Final Countdown JQuery plugin. Feel free to clone it and use it in your projects. Cheers!

Countdown Timer

Сountdown Timer

The Megalodon Mafia is a group of sharks who have formed a criminal organization. They are known to be ruthless criminals who will do anything to get their hands on the valuable digital assets. The Shark Mafia is also known for their violent behavior, which has led to them being one of the most feared groups in the game.

Megalodon-Mafia

Megalodon Mafia NFT 

A site showcasing my series of simple building illustrations of Atlanta and Chicago.

Simple City

Preston Attebery Personal Site

Stlth

A landing page for russian online school Egeureka. Tried to keep it simple & bold. Feel free to scroll through and explore some animations. 
Some minor changes will be made in future. 
Project is published online on egeureka.ru
Open to your questions!

Egeureka

Egeureka Online School

Retimer converts the time you spend on meetings into money.
It's an app destined for project managers, freelancers, and coworkers that want to keep track of their meetings with a data-driven approach.

Happy timing!

Discover timer websites built by the Webflow community

Discover timer websites built by the Webflow community