Scan Button — Free UI Component for Framer

About this Component

This component includes 7 unique scan animation variants, offering flexibility for different UI styles and interactions:

• Horizontal scan (left → right)

• Horizontal scan (right → left)

• Vertical scan (top → bottom)

• Vertical scan (bottom → top)

• Dual vertical scan (top & bottom moving and swapping on hover)

• Dual horizontal scan (left & right moving and swapping on hover)

• Full-edge scan (all sides active, lines transition across edges on hover)

Customizable properties:

• Transition

• Button Text

• Text Color

• Font Size

• Default Text Opacity

• Hover Text Opacity

• Fill

• Hover Fill

• Border

• Hover Border

• Radius

• Padding

• Top Line Color

• Bottom Line Color

• Right Line Color

• Left Line Color

• Link

• New Tab

• Smooth Scroll

Questions & Support:

If you have any questions about the component, feel free to email me at: sl.admantos@gmail.com