Nothing here is
permanent.
Hover the panel and the whole thing comes apart, grain by grain, then puts itself back together.
HOVER THE PANELIt does not fade.
It comes apart.
Five materials and six directions, all from one moving edge: the content is masked away while a field of grains carries the difference off the screen. No thousands of elements, no shader.
Take it apart
wherever you touch it.
With the cursor as the origin, the panel comes apart from wherever your hand is when you click.
CLICK ANYWHERE ON THE PANELLet the content
come apart.
One moving edge masks the content away while a canvas field of grains carries the difference off the screen: particles, dust, noise, digital lines or a soft fall. Six directions, including out from wherever the cursor is, and a density budget that halves itself on phones. No thousands of DOM elements and no WebGL.
Download the componentOne Code File. React and Framer only.
Keyboard, reduced motion and canvas preview included.