---
title: "ShaderRevealFX — Framer component · Best of Framer"
description: "$15.00 · Framer component · by DiverseKit · Effects. Shader reveal with cinematic transitions"
canonical: "https://framer.elliotli.dev/component/shaderrevealfx"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/ShaderRevealFX

# ShaderRevealFX

Shader reveal cinematic transition

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

![ShaderRevealFX preview image 1](https://framer.elliotli.dev/og/component/shaderrevealfx/8e13c9a8a566145f/1600x1200.jpg)

## Summary

Shader reveal with cinematic transitions

## Description

ShaderReveal FX is a visually rich Framer component that uses shader-style animations to reveal or transition content with fluid distortion, blending, or wave effects. Instea

d of basic fades or slides, content appears through dynamic, GPU-smooth motion that feels immersive and modern.

You can apply the effect to images, videos, or sections and fully customize reveal strength, distortion type, speed, easing, direction, and trigger behavior (hover, scroll, or auto-play). Colors, textures, and blending styles can be adjusted to create subtle elegance or bold, dramatic transitions.

Built for performance and smooth rendering, ShaderReveal FX delivers high-end visuals without heavy layouts.

Ideal for hero sections, portfolios, galleries, product showcases, and creative websites, ShaderReveal FX transforms simple reveals into memorable, cinematic experiences.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-zuwpg1ck-MYfXpTIfWRVsM0Rq9nd2VnkvpudQZy)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

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

-   All · #5120

## Details

- **Author**: DiverseKit
- **Price**: $15.00
- **Published**: 2026-02-20
- **Updated**: 2026-10-01
- **Added**: 2026-02-12
- **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