Fluted Prism Image

Fluted Prism Hover places a pane of ribbed glass over your image. Move the cursor and the louvers bend and repeat the picture beneath them. You get sawtooth echoes, colour fringing and soft shadows, all rendered live with WebGL.

It’s built for hero sections, portfolio covers and editorial imagery, anywhere a still image should feel tactile.

Features

• Three glass shapes: Sawtooth Fin, Angled Prism and Fluted Cylinder, with adjustable slice count and angle.

• Four hover modes: Cursor Spotlight, Vertical Band, Full Image Hover and Always Active.

• Liquid motion: a spotlight with a trailing wake, motion ripple and smooth cursor follow.

• Refraction controls: Echo Spread, Sawtooth Shear, Chromatic Split and Hover Zoom.

• Louver styling: shadows and divider lines that can take their colour from the image automatically, from a point you pick, or from a custom colour.

• Scroll Reveal: the image refracts as it scrolls into view and settles into place.

• Touch ready: on phones the spotlight follows the scroll, and press-and-hold shows the effect.

• Works with overlays: text and layers placed on top don’t block the hover.

• Respects your image: Cover, Contain and Fill, plus the focal point you set in Framer’s image picker.

Performance and accessibility

• Rendering pauses when the image is off-screen or still.

• Motion runs at the same speed at any refresh rate.

• The effect recovers if the browser resets graphics.

• Motion effects are turned off for visitors who prefer reduced motion.

It's free, If you encounter any issues or have questions, please reach out via email at templykits@gmail.com.