Made in Webflow

NMS Periodic Table (really pushing lottie here)

site profile thumbnail


I went crazy with the new Lottie integration and made this table of elements. The only technical thing here was figuring out how to keep the animation looping after a hover animation. The workaround was having two instances stacked on top of each other. The top one is looping constantly and on hover disappears. While the hover is active the animation follows the mouse X axis. On hover out the top loop becomes visible again. Not too bad.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.