PixelScan — WebGL component for Framer by Fred MoonPixelScan — WebGL component for Framer by Fred Moon

PixelScan — WebGL component for Framer

Fred Moon

Framer Developer

Framer Designer

Framer

React

WebGL

Like this project

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

Views

291

Resources

Hire Freelancers

Explore all Top independents Design Engineering Marketing Music & audio Social media Video & animation Product Business consulting & HR Other

Contact

Contact support

Company

Mission Careers Terms & conditions Privacy policy Cookie policy

Built with Framer

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

Like this project

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

Views

291

Join 50k+ companies and 1M+ independents

Hire creatives Get hired

For independents

Contra Pro Manage freelance projects Get verified as an expert Find jobs Get discovered Sign contracts Send invoices Commission-free payments

For companies

For companies Manage team projects Share hiring workspace Post jobs Discover contractors Sign contracts Approve invoices Global payments & tax compliance