Built with Framer
PixelScan — WebGL component for Framer
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
Like this project
0
Posted Sep 19, 2024
I created this custom code component for Framer. Based on the VFX-JS library and WebGL shaders, it offers multiple property controls directly within Framer.
Likes
0
Views
131
Mermadesound.com — From Figma to Framer
Hotel Onitsuka Tiger — From Figma to Framer
Hero Carousel — Immersive Gallery
Yonex Gives Back — Interactive scoreboard