---
title: "002 WebGL Shader — Framer component · Best of Framer"
description: "$8.00 · Framer component · by THE DESIGN FUTURIST · Interactions. WebGL pixel shader component for Framer"
canonical: "https://framer.elliotli.dev/component/webgl-shader-002"
---

[Home](/)/[Components](/components)/[Interactions](/components/category/interactions)/002 WebGL Shader

# 002 WebGL Shader

WebGL pixel shader component for Framer

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

![002 WebGL Shader preview image 1](https://framer.elliotli.dev/og/component/webgl-shader-002/4855d1e932ea4b22/1600x1200.jpg)

## Summary

WebGL pixel shader component for Framer

## Description

A WebGL pixel shader component for Framer.It enables mouse-based visual interaction, with adjustable pixel size, RGB noise, and other parameters to shape subtle interactive effects. Customizable Properties Media Type - Image/Video Supports .mp4 URLs or direct uploads (.mov, .mp4). Autoplay, mute, and loop are applied automatically. Object Fit - Cover/Contain Pixel Size RGB Noise Fade Time Interaction - On/Off Disable on touch devices for optimal performance Cursor Radius Cursor Have Questions? hello@thedesignfuturist.zip THE DESIGN FUTURIST - Framer Resources

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

-   All · #2145

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $8.00
- **Published**: 2026-01-31
- **Updated**: 2026-06-04
- **Added**: 2026-01-19
- **Categories**: Interactions

## More like this

-   [Rose hover animated](/component/rose-hover-animated) — Kvlyra · Free — Kvlyra
-   [EyeFollow Component](/component/eyefollow-component) — Shuvo Ahmed · Free — Free Eye Follow Component
-   [Chroma_Type_Cursor](/component/chroma-type-cursor) — Dulaj dilshan · $15 — Boost engagement with dynamic text
-   [Path Ticker](/component/path-ticker) — Ipshita Chatterjee · Free — Ticker that flows in the path