Animating Tabs using magic-motion

A simple tutorial for Animating-Tabs in @framer using magic-motion. ❤️

What is Animating tabs?🤔 Switching between different tabs with an animating tab indicator for every screen.

How to? 👀
- Use stacks for each tab element
- Drag and drop your text into the stack
- Add desired the transition to each stack tab element ..and Voila!🤘

Bonus: 🐶 A cute Kawaii Library for React Kawaii Icons. [ http://react-kawaii.now.sh ]
Check out ➡️ [ https://framer.com/examples/animated-tabs/] if you want to try this on your own.

What do you think? Drop your comments and suggestions!💃

More by Ruchika

View profile