PixelScan — WebGL component for Framer
Fred Moon
Framer Developer
Framer Designer
Framer
React
WebGL
Pixel Scan is a fully packed Framer component, powered by WebGL and VFX-JS library → It allows designers to reveal texts and images with a pixel scan effect.
Demo website: https://pixelscan.framer.ai/
Framer logo animated with PixelScan
The component comes with multiple options and presets such as 20+ colorways, speed control, pixel density, effect width, time delay and directional options.
Property controls in Framer's editor
Showcase
Yellow / Top to bottom
Rainbow / Left to right
Mint berry / Left to right
Mint / Radial effect
Green / Radial effect
