Image Effects

Image Effects turns any photo into something people want to touch. One component, 28 real-time WebGL effects:

trails that follow the cursor, bursts where you click, and styles that turn the photo into another material

under the pointer. Drop it on the canvas, pick an image and an effect, and tune it from the properties panel. No code.

Trails (the cursor leaves something behind):

Comet, Fire Trail, Ink Trail, Smoke, Lightning, Neon Pen, Ribbon, Sparkles, Echo, Fog Wipe.

Clicks (something happens where you click):

Shockwave, Colour Splash, Confetti Burst, Cracked Glass, Fireworks, Ink Drop, Pixel Burst, Raindrop Rings, Hue Wave.

Styles (the photo turns into another material under the cursor):

Hologram, Thermal, Frost, Halftone, Duotone, Neon Edges, Old Film, Glitch Slices, Rain on Glass.

Controls:

- Your own colours for every effect where colour makes sense (fire, neon, ink, duotone, hologram...).

- Size, Strength and Speed for every effect.

- Trail length, Smoothing and On stop (the tail shrinks into the cursor or fades where it is).

- Trigger: on hover and click, Auto (plays by itself, great for heroes and phones) or both, with a loop delay.

- Corner radius.

Good to know:

- Real WebGL, light and fast: one shared context for the whole page, it only draws while something moves

and pauses when the image is off screen.

- The canvas shows a still frame of the effect, so you see what you picked; it moves in Preview and on your site.

- Visitors who turn on "reduce motion", or browsers without WebGL, see the plain photo.

- Works with any image you add in Framer.

- More effects are on the way, free for everyone who bought.

Launch price: 29 $ (regular 39 $).