Sampling

Sampling delivers a mechanized pixel-revealing effect, simulating the image sampling process of vintage equipment to showcase variations in pixel resolution and present a distinctive unveiling process.

Property Controls

Pixel (Number: 1 - 100)

Size of pixels, where larger values result in lower image resolution.

Brightness (Number: -1 - 1)

Brightness of pixels.

Contrast (Number: -1 - 2)

Contrast of pixels.

Saturation (Number: -1 - 2)

Saturation of pixels, set to negative values to achieve inverted tones.

Advance: Animation (Enum: Seamless/Stepped)

Animation type, “Seamless” provides smooth animation effects, while “Stepped” animates in specified increments.

Advance: Step (Number: 1-100)

Animation increment, available when Advance: Animation is set to “Stepped”.

Distortion
Component
Media

Image

Video

Image
Upload
Fit
Pixel
Brightness
Contrast
Saturation
Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Animation

Seamless

Stepped

Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Pixel
Brightness
Contrast
Saturation
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.
Sampling
Sampling
Distortion
Component
Media

Image

Video

Image
Upload
Fit
Pixel
Brightness
Contrast
Saturation
Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Animation

Seamless

Stepped

Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Pixel
Brightness
Contrast
Saturation
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.
Sampling
Sampling
Distortion
Component
Media

Image

Video

Image
Upload
Fit
Pixel
Brightness
Contrast
Saturation
Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Animation

Seamless

Stepped

Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Pixel
Brightness
Contrast
Saturation
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.
Sampling
Sampling

Sampling

Sampling delivers a mechanized pixel-revealing effect, simulating the image sampling process of vintage equipment to showcase variations in pixel resolution and present a distinctive unveiling process.

Get Start

Learn about the properties, controls, and usages.

Troubleshooting

Check out our support page or contact us for solutions.

Reveals Cool WebGL Effects Components for Framer - Sampling

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.

Create a free website with Framer, the website builder loved by startups, designers and agencies.

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