---
title: "REACT-VFX"
description: "React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props."
canonical: "https://vibing.inc/library/react-vfx-vg-1783"
category: "Shaders, WebGL & Creative Coding"
subcategory: "WebGL image effects"
license: "MIT"
author: "Takayosi Amagi (@amagitakayosi)"
source: "https://amagi.dev/react-vfx/"
---

# REACT-VFX
React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props.
## Facts
- Source: https://amagi.dev/react-vfx/
- Category: Shaders, WebGL & Creative Coding / WebGL image effects
- Author: Takayosi Amagi (@amagitakayosi)
- Licence: MIT
- Tags: react, webgl, effects, dom
## Why it's a gem
One component prop turns any React element into a shader-distorted one.
---
Listed in The Vibeary: https://vibing.inc/library/react-vfx-vg-1783 · JSON: https://vibing.inc/api/public/library/gems/react-vfx-vg-1783