Button
Documentation for the button component.
Button 1
Sign In Card Style button — a clean, card-like button with a shadow lift effect on hover.
Button 2
Loading Animation Button — a button with smooth loading spinner and success checkmark animation using Framer Motion.
Button 3
Loading Animation Button (Reset to Idle) — a button that shows a loading spinner and resets back to its original state after completion.
Button 4
Loading Animation Button — a button with smooth loading spinner and success checkmark animation using Framer Motion.
Normal Button
Buttons like this are used a lot on our websites and are very easy to create but you can copy the codes from here to save your time.
Rounded Button
Buttons like this are used a lot on our websites and are very easy to create but you can copy the codes from here to save your time.
Animated Button
Buttons with directional hover animations. The color slides in from different directions — left, right, top, bottom, and all four corners.