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

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

# 001 WebGL Shader

A WebGL shader set for Framer

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

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

## Summary

A WebGL shader set for Framer

## Description

A WebGL shader set for Framer that includes Flowmap and Chromatic Aberration effects. Each effect can be used individually or combined, with customizable properties. 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 Cursor Radius Flowmap Chromatic Dissipation Controls how quickly the effect fades when cursor moves away. Lower values fade faster. Interaction - On/Off Disable on touch devices for optimal performance Have Questions? hello@thedesignfuturist.zip THE DESIGN FUTURIST : Framer Component Library

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

-   All · #1782

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $8.00
- **Published**: 2025-12-23
- **Updated**: 2026-06-04
- **Added**: 2025-12-08
- **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