---
title: "High End Scroll — Framer component · Best of Framer"
description: "$20.00 · Framer component · by Creative Apes · Galleries. Elevate Your Framer Projects with Cinematic Motion High End Scroll is not just another gallery component…"
canonical: "https://framer.elliotli.dev/component/high-end-scroll"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/High End Scroll

# High End Scroll

3D Shader Scroll for Framer

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

![High End Scroll preview image 1](https://framer.elliotli.dev/og/component/high-end-scroll/219f9a66365aa113/1600x1200.jpg)

## Summary

Elevate Your Framer Projects with Cinematic Motion High End Scroll is not just another gallery component; it is a high-performance GLSL-powered engine designed to bring the…

## Description

## Elevate Your Framer Projects with Cinematic Motion

High End Scroll is not just another gallery component; it is a high-performance **GLSL-powered engine** designed to bring the "Aesthetic UX" of award-winning digital agencies directly into the Framer canvas. By leveraging **Three.js** and custom vertex shaders, this component treats your images and videos as physical objects that react dynamically to the user's touch and scroll speed.

### 🚀 The Power of Kinetic Shaders

Most web galleries feel static because they move at a constant linear rate. High End Scroll utilizes **kinetic physics** to create a "warping" effect. As the user scrolls faster, the media planes physically fold and stretch in 3D space, creating a sense of weight and momentum that is impossible to achieve with standard CSS or simple transforms.

### 💎 Performance-First Architecture

Despite the complex visual output, High End Scroll is highly optimized for the web. It uses **SDF-powered shaders** to handle corner rounding, ensuring that even as the geometry warps and twists, the edges remain perfectly smooth without any jagged artifacts. The component also features a smart resource management system for mixed media, allowing you to blend high-resolution images and videos (MP4/WebM) seamlessly.

### 🛠️ Professional-Grade Customization

You don't need to know GLSL or JavaScript to master this component. Every parameter—from the **spring physics snappiness** to the **cylindrical spin intensity**—is exposed through the Framer property panel. You can fine-tune the friction of the inertia, the depth of the 3D tilt, and even enable an "Auto-Move" mode for a living, breathing UI that stays in motion even when the user isn't interacting.

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

-   All · #6139

## Details

- **Author**: Creative Apes
- **Price**: $20.00
- **Published**: 2026-05-31
- **Updated**: 2026-07-04
- **Added**: 2026-03-25
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.