Scan Button

100% Framer native

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)

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

• Intro to Components by Framer.

🔷 Made by Azardam Studio🔷