Scan

Scan delivers a futuristic reveal sequence. It begins with edge scanning, outlining the shape of your design, before gradually resolving into the full content. This high-tech decoding effect adds suspense, mystery, and modern sophistication to your presentation.

Copy on Framer Market

View on Sandbox

Property Controls

Angle (Number: 0-360)

The angle of the animation. For example, when Angle is 0, the scan proceeds from top to bottom.

Edge Sensitivity (Number: 0-1)

The edge sensitivity of the media content. Higher values will make the edges appear stronger.

Tint (Color)

The edge blending color. The set color will be blended with the original media content.

Distortion
Component
Media

Image

Video

Image
Upload
Fit
Angle
Sensitivity
Tint

0099FF

Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Progress
Transition

Instant

Ease

Spring

Accessibility
Aria Label

Yes

No

Compatibility

Yes

No

Disable effects and use regular image/video elements. e.g. use on Phone layout for better performance.
Reduce Motion

Allow

Block

Whether to allow Reduce Motion to control animation.
Renderer

Auto

Always

Control when the renderer will render.
Scan
Scan
Distortion
Component
Media

Image

Video

Image
Upload
Fit
Angle
Sensitivity
Tint

0099FF

Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Progress
Transition

Instant

Ease

Spring

Accessibility
Aria Label

Yes

No

Compatibility

Yes

No

Disable effects and use regular image/video elements. e.g. use on Phone layout for better performance.
Reduce Motion

Allow

Block

Whether to allow Reduce Motion to control animation.
Renderer

Auto

Always

Control when the renderer will render.
Scan
Scan
Distortion
Component
Media

Image

Video

Image
Upload
Fit
Angle
Sensitivity
Tint

0099FF

Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Progress
Transition

Instant

Ease

Spring

Accessibility
Aria Label

Yes

No

Compatibility

Yes

No

Disable effects and use regular image/video elements. e.g. use on Phone layout for better performance.
Reduce Motion

Allow

Block

Whether to allow Reduce Motion to control animation.
Renderer

Auto

Always

Control when the renderer will render.
Scan
Scan

Scan

Scan delivers a futuristic reveal sequence. It begins with edge scanning, outlining the shape of your design, before gradually resolving into the full content. This high-tech decoding effect adds suspense, mystery, and modern sophistication to your presentation.

Copy on Framer Market

Copy on Framer Market

Copy on Framer Market

Get Start

Learn about the properties, controls, and usages.

Troubleshooting

Check out our support page or contact us for solutions.

Crack Icon

Crack

Crack Icon

Crack

Crack Icon

Crack

Reveals Cool WebGL Effects Components for Framer - Scan

Stay updated.

Stay updated.

Stay updated.

Subscribe to our newsletter to stay up to date and to receive important updates.

Subscribe to our newsletter to stay up to date and to receive important updates.

Subscribe to our newsletter to stay up to date and to receive important updates.

© 2025 Reveals. All rights reserved.

Home

Support

About

Source Code

Effects

CMS

Home

Effects

Support

About

Source Code

Home

Effects

Support

About

Source Code

Home

Effects

Support

About

Source Code

.framer-styles-preset-s5v84h { cursor: default !important; pointer-events: none; }