Scan Button — Free UI Component for Framer

Overview

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)

How to Use

Paste the component onto your canvas. Double-click it and select "Unlink & Replace All". Now you are ready to customize it to your liking.

Tutorials

If you’re new to Framer these tutorials will help you better understand Framer components:

• Intro to Components by Framer.

• Tutorial by Adam Sebesta

Questions & Support:

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

Made by Azardam