A modern React animated button component designed to enhance user interaction with smooth motion and visual depth. Built using framer motion and animation techniques. This component can be used as a glowing border button in React or an animated outline button, helping you build a more engaging and modern button UI in React applications.
npm i framer-motion| Property | Default Value | Description |
|---|---|---|
| as | "div" | "span" | "button" | The HTML element or React component to render as the root of the Orbit Border. |
| rotate | 1 | Rotation angle of the orbit border in degrees. |
| padding | 50 | Padding around the content inside the orbit border, in pixels. |
| RingColors | "#0a52f0", "#ffffff", "#f5e2ae", "#dcd7fc" | An array of colors for the orbit border rings. |