---
title: "Vayra Hero — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Weaver Templates · Sections. WebGL shader hero with 8 controls"
canonical: "https://framer.elliotli.dev/component/vayra-hero"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Vayra Hero

# Vayra Hero

WebGL shader hero with 8 controls

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

![Vayra Hero preview image 1](https://framer.elliotli.dev/og/component/vayra-hero/4847f26d22c9cc8a/1600x1200.jpg)

## Summary

WebGL shader hero with 8 controls

## Description

A production-ready WebGL hero for Framer. A custom fragment shader drives a continuous fluid distortion between your images, with pointer parallax and an expo.inOut transition curve.

Eight property controls: Slides, Autoplay, Interval, Transition, Parallax, Ramp A, Ramp B, Reduced Motion.

Leave Slides empty and it falls back to a two-color palette ramp, so it never renders blank. Zero dependencies — nothing is fetched at runtime, nothing to install, and no build step. Respects prefers-reduced-motion.

After checkout you receive the insert URL. Paste it onto your canvas and it becomes a native code component layer.

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

-   All · #10276

## Details

- **Author**: Weaver Templates
- **Price**: $12.00
- **Published**: 2026-08-02
- **Updated**: 2026-08-03
- **Added**: 2026-08-02
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove