Prism Effect

Prism Effect
Prism Effect

About Prism Effect

Give your website a cosmic glow with Prism Effect - an animated WebGL visual that transforms light, color, and motion into an immersive digital experience.

Create everything from soft, ethereal nebulae to fiery light bursts, monochrome atmospheres, and high-speed rainbow effects. Customize the colors, shape, ray structure, animation, and rendering quality to make the effect your own.

Features

  • 7 visual presets: Classic, Nebula, Inferno, Ghost, Vaporwave, Hyperdrive, and Mono

  • 4 color modes: Tint, Radial, Angular, and Rainbow

  • Interactive motion: Follow the pointer and drag to spin the animation

  • Hover behaviors: Speed up, slow down, freeze, intensify, or expand the visual

  • Custom composition: Adjust the focal point and choose Stretch, Cover, Contain, or Square aspect modes

  • Detailed visual controls: Customize the center object, glow, twist, ray count, ray sharpness, and ray strength

  • Animation controls: Adjust speed, choose a Constant, Ping Pong, or Ease In-Out speed curve, and set the loop period

  • Rendering controls: Choose Draft, Balanced, High, Ultra, or Custom quality; adjust resolution, iterations, grain, intensity, and chromatic aberration

  • Reduced-motion support and an option to save a frame as PNG

Make your visuals feel like light from another dimension.

From Visual Mess Studio

Prism Ring Carousel
Singularity Shader
Dither Fluid Mono
Dither Spotlight

Related Components

Better Parallax
Riso Halftone
Progressive Blur
Particle Reveal Pro