Visual effect UI Components & Examples

01

Visual Effectsopen source

Image Trail

Leaves a trail of images behind the cursor with a premium delay fade.

by Componentry0React · TypeScriptSource

2

02

Visual Effectsopen source

Pixel Image Trail

An image reveal made from cursor-painted squares that expire into a bounded pixel trail.

by Componentry0React · TypeScriptSource

0

03

Visual Effectsopen source

Ripple Transition

WebGL image transitions with noisy refractive waves, chromatic edges, glow, and click-triggered ripple origins.

by Componentry0React · TypeScriptSource

0

04

Visual Effectsopen source

Dithered Logo

An interactive particle logo that turns image assets into a dithered canvas field with cursor ripples.

by Componentry0React · TypeScriptSource

0

05

Visual Effectsopen source

Pixel Canvas

Canvas where pixels react to interaction.

by Componentry0React · TypeScriptSource

0

06

Visual Effectsopen source

Matrix Rain

Classic Matrix digital rain effect.

by Componentry0React · TypeScriptSource

0

07

Visual Effectsopen source

Infinite Image Field

An endless, cursor-driven photo canvas that tiles images infinitely and pans fluidly toward wherever you move your cursor.

by Componentry0React · TypeScriptSource

0

08

Visual Effectsopen source

Dither Gradient

Gradient background with dithering noise.

by Componentry0React · TypeScriptSource

0

09

Visual Effectsopen source

Image Ripple Effect

WebGL-powered cursor ripples that displace layered image cards in real time.

by Componentry0React · TypeScriptSource

0

10

Visual Effectsopen source

Magnet Lines

Lines that react to cursor movement like a magnetic field.

by Componentry0React · TypeScriptSource

0