Error

Error brings the raw aesthetics of digital glitches. By simulating display malfunctions, it generates fractured visuals, color shifts, and dislocated layers, giving your work a bold, high-impact edge.

Property Controls

Frequency (Number: 0-1)

The frequency of appearance of offset blocks and color blocks. Larger values will cause the offset blocks and color blocks to appear more often.

Block Size (Number: 0-1)

The size of the offset blocks. Smaller values will generate more offset blocks.

Color Size (Number: 0-1)

The size of the color blocks. Larger values will create a more pronounced color separation effect.

Advance: Block Shift (Number: 0-1)

The intensity of the offset blocks. Larger values will make the blocks more likely to shift.

Advance: Color Shift (Number: 0-1)

The offset intensity of the color blocks. Larger values will make the color blocks more likely to shift.

Advance: Transparent (Boolean: Yes/No)

Appearance effect. When enabled, the image will start completely invisible and will be accompanied by hidden areas during the animation.

Distortion
Component
Media

Image

Video

Image
Upload
Fit
Frequency
Block Size
Color Size
Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Block Shift
Color Shift
Transparent

Yes

No

Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Progress
Frequency
Block Size
Color Size
Block Shift
Color Shift
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.
Error
Error
Distortion
Component
Media

Image

Video

Image
Upload
Fit
Frequency
Block Size
Color Size
Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Block Shift
Color Shift
Transparent

Yes

No

Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Progress
Frequency
Block Size
Color Size
Block Shift
Color Shift
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.
Error
Error
Distortion
Component
Media

Image

Video

Image
Upload
Fit
Frequency
Block Size
Color Size
Advance

Advance

Animation

Appear

Transition

Spring

Accessibility

Spring

Advance
Block Shift
Color Shift
Transparent

Yes

No

Animation
Type
Custom

Custom

Custom
Enable

Yes

No

Customize the animation target value for each property.
Progress
Frequency
Block Size
Color Size
Block Shift
Color Shift
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.
Error
Error

Error

Error brings the raw aesthetics of digital glitches. By simulating display malfunctions, it generates fractured visuals, color shifts, and dislocated layers, giving your work a bold, high-impact edge.

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 - Error

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.

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