Sliding tabs

A very simple active tab animation that I often use in projects. The feel of the animation can be easily altered to fit the project. The solution utilizes two duplicate tab rows aligned on top of each other and a clip-path to render the active tab pill.

Note that this particular animation could be almost achieved with plain CSS as well. I just like to use Motion to make it easier to tweak the animation to fit the project at hand. But if I were tight on bundle size, I would do this with CSS instead.