---
title: "WEBGL Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by yahya · Effects. WebGl hover transition component"
canonical: "https://framer.elliotli.dev/component/webgl-hover"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/WEBGL Hover

# WEBGL Hover

WebGl hover transition component

[View on Framer](https://framer.com/marketplace/components/webgl-hover/?via=elliot-li)

![WEBGL Hover preview image 1](https://framer.elliotli.dev/og/component/webgl-hover/a966b56ee0ebab47/1600x1200.jpg)

## Summary

WebGl hover transition component

## Description

This components creates custom Interactive image hover transition on hover with multiple effects supported.

These Include, Liquid melt, Glass Shatter, Vortex, Tsumani and more to create intresting transition between images.

This component is perfect for revealing visuals from one to another, or items in two different states, comparisons or any form of interaction that involves showcasing two images.

Comes with full Support:

-   Image Customization (Innitial & Hover Image)
    
-   Animation Duration
    
-   Transition Effects to choose from
    
-   Height Option (Fixed or Auto sizing)
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5258

## Details

- **Author**: yahya
- **Published**: 2026-05-30
- **Updated**: 2026-05-31
- **Added**: 2026-05-23
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo