Framer Motion Switch
A cool switch component built with Framer Motion and Tailwind CSS. Toggle the switch to see animation in action.
I came across a tweet that had different kinds of switches. It was built with Framer motion and TailwindCSS.
I thought it would be a good idea to build it as a component and share it with the community.
Basic idea is to use the width
and height
property and animate them as and when the toggle button is clicked. Based on the checked
state, we can animate the x
property of the toggle button.
Code Snippet
Usage
We need your help 🫶
We are a tiny team of people who could use your support in building these awesome components. Please share Aceternity components on your social media and help us grow. 🙏