Fisheye FX brings a real-time WebGL fisheye effect to your site. Drop in any image for a wide-angle action-cam warp — bold enough to anchor a hero, flexible enough to style any section. Style, effects, and motion adapt to your image and your site's tone.

About this Component

How to use

1. Drop the component onto your canvas
2. Add your image in the panel
3. Tune Distortion, Lens size, and the effects to taste

Image & framing

• Image — the photo you want to warp
• Fit — Cover (fill the circle) or Contain (show the whole image)

Lens & Distortion

• Distortion — strength of the fisheye bulge, from subtle wide-angle to extreme
• Zoom — how far in or out the image sits inside the lens
• Chromatic — amount of RGB color split along the edges
• Lens mask — Circle (round lens) or