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
Like