I can’t say that this flipping animation is perfect because I did spot a few laggy jumps.īut for a really simple plugin I’m definitely impressed. It’s also a really easy plugin to edit, tinker with and expand with your own features. This runs on vanilla JavaScript – so it has no dependencies. See the Pen FlipDown.js Example by Peter Butcher ( on CodePen.ĭeveloper Peter Butcher created this neat experiment using a simple custom plugin called FlipDown.js. Note that while the JS is a bit complex, I also think this would make a great learning project for someone who’s just starting to learn React. It works so smoothly and the design is exquisite. With it, you can build lighting-fast web applications and this clock design is just one example.ĭeveloper Libor Gabrhel created this as a small project for testing React. See the Pen React Flip Clock by Libor Gabrhel ( on CodePen.įrontend developers love React for its power and massive community. You’ll find some great snippets to reuse and this makes a nice base for experimenting in JavaScript. Even the HTML gets embedded through JavaScript.īut there’s also a lot to learn from this pen if you study the code carefully.

There is a bit of CSS for styling but the entire animation setup and the structure all runs on JavaScript. So here’s a really interesting project that features a flipping countdown running in pure JS. See the Pen Flip Clock & Countdown by Shaw ( on CodePen. Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets

Mac flip clock