REFRACT is a generative web tool that allows users to create video loops and still images by importing their own pictures and applying fracturing and distortion effects.

The program is available for use and experimentation for free under the Creative Commons license. If you intend to use the program for commercial purposes, please send me an inquiry.

The tool accepts raster images in JPG, PNG, WEBP formats as source material, and it also support transparency. The maximum image size supported by the program is 4,096 x 4,096 pixels. 

Please keep in mind that this tool has been designed to work best with the Chrome browser.  The usability and performance of the program heavily depends on the power of your processor.

The code is hosted on, which means that the program’s loading speed might occasionally be slow, and there could be times when it is inaccessible due to maintenance.

If you encounter any difficulties while using the program, or if you’ve discovered a bug, please let me know.

This program utilizes a number of third-party tools, and I would like to extend my gratitude to the creators for allowing their use in this project:

  • The p5.js Creative Coding Library, a product of the collective efforts of an incredible team;
  • The Tweakpane interface library, ingeniously developed by Hiroki Kokubun;