Error

Error brings a unique digital age aesthetic to your work. By simulating the state of electronic device malfunction, it creates an impressive sense of fragmentation and dissonance. Viewers will see the image split into different pieces, accompanied by color misalignment and displacement effects. This effect is suitable for expressing themes of uncertainty, vulnerability, or information chaos, making your work more visually impactful and provoking thought in the audience.

Copy Component

Component Copied

Property Controls

Error
Component
Media

Image

Video

Image

Image

Size

Fill

Block Size
Block Shift
Color Size
Color Shift
Frequency
Animate

Appear

Transition

Spring

Error
Component
Media

Image

Video

Image

Image

Size

Fill

Block Size
Block Shift
Color Size
Color Shift
Frequency
Animate

Appear

Transition

Spring

Error
Component
Media

Image

Video

Image

Image

Size

Fill

Block Size
Block Shift
Color Size
Color Shift
Frequency
Animate

Appear

Transition

Spring

Features

Image & Video

The component supports images or videos as input media. It is compatible with Framer's built-in media modifiers, allowing adjustments to input media.

Scroll Animation

The component can monitor viewport status and trigger preset animations when media elements enter the visible area. The trigger threshold is customizable.

Scroll Transform

The component can dynamically adjust animation states based on page scroll progress. The animation range can be controlled through parameters.

Target Animation

The component allows defining the terminal state of animations. Once triggered, the animation will transition to and maintain this preset state.

Light/Dark Theme Media

The component can dynamically switch media resources based on the current theme (light/dark). It supports preset different media content for different themes.

Custom Transition

The component integrates Framer's transition controller. It supports customization of easing functions and spring parameters.

Image & Video

The component supports images or videos as input media. It is compatible with Framer's built-in media modifiers, allowing adjustments to input media.

Scroll Animation

The component can monitor viewport status and trigger preset animations when media elements enter the visible area. The trigger threshold is customizable.

Scroll Transform

The component can dynamically adjust animation states based on page scroll progress. The animation range can be controlled through parameters.

Target Animation

The component allows defining the terminal state of animations. Once triggered, the animation will transition to and maintain this preset state.

Light/Dark Theme Media

The component can dynamically switch media resources based on the current theme (light/dark). It supports preset different media content for different themes.

Custom Transition

The component integrates Framer's transition controller. It supports customization of easing functions and spring parameters.

Image & Video

The component supports images or videos as input media. It is compatible with Framer's built-in media modifiers, allowing adjustments to input media.

Scroll Animation

The component can monitor viewport status and trigger preset animations when media elements enter the visible area. The trigger threshold is customizable.

Scroll Transform

The component can dynamically adjust animation states based on page scroll progress. The animation range can be controlled through parameters.

Target Animation

The component allows defining the terminal state of animations. Once triggered, the animation will transition to and maintain this preset state.

Light/Dark Theme Media

The component can dynamically switch media resources based on the current theme (light/dark). It supports preset different media content for different themes.

Custom Transition

The component integrates Framer's transition controller. It supports customization of easing functions and spring parameters.

Property Specification

Block Size (0 - 1)

Controls the size of offset blocks. Smaller values produce more numerous and finer offset blocks, creating a denser glitch effect.

Block Shift (0 - 1)

Adjusts the intensity of block offsetting. Higher values increase the probability and magnitude of block displacement.

Color Size (0 - 1)

Sets the size of color separation blocks. Larger values produce more noticeable and widespread color separation effects.

Color Shift (0 - 1)

Controls the offset intensity of color blocks. Higher values increase the probability and distance of color block displacement, enhancing the color misalignment effect.

Frequency (0 - 1)

Adjusts the occurrence frequency of offset blocks and color blocks. Higher values increase the number of glitch effect animations.

Explore the next effector.

Burn

Burn Effect Cover.
Burn Effect Cover.
Burn Effect Cover.

Reveals cool WebGL Effects Components for Framer.