---
title: "Scroll 3D model — Framer component · Best of Framer"
description: "$50.00 · Framer component · by Hasan Wali · Interactive. About this Component Scroll 3D Model is a responsive WebGL component that lets you upload your own GLB, GLTF, or OBJ model…"
canonical: "https://framer.elliotli.dev/component/scroll-3d-model"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Scroll 3D model

# Scroll 3D model

3D models that transform on scroll

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

![Scroll 3D model preview image 1](https://framer.elliotli.dev/og/component/scroll-3d-model/3893610262883795/1600x1200.jpg)

## Summary

About this Component Scroll 3D Model is a responsive WebGL component that lets you upload your own GLB, GLTF, or OBJ model and animate it through smooth scroll-driven 3D…

## Description

**About this Component**

Scroll 3D Model is a responsive WebGL component that lets you upload your own GLB, GLTF, or OBJ model and animate it through smooth scroll-driven 3D transitions directly in Framer.

**Perfect For**

• Interactive landing pages • Product showcases • Portfolio experiences • 3D storytelling • Experimental websites

**Key Features**

• Upload GLB, GLTF, or OBJ models • Preserve original textures, PBR materials, and supported model lights • Optional material color override • Up to 5 scroll-driven transitions • Responsive X, Y, and Z positioning • Independent scale and rotation controls • Rotations up to ±3000° for multi-revolution motion • Camera position, target, FOV, azimuth, and elevation controls • Model or custom studio lighting • Optional idle float and rocking motion • DPR and FPS performance controls • Offscreen rendering pause and deferred loading • Static-renderer support for Framer previews

**How It Works**

Upload your model, set its starting transform and camera, then add up to five transitions. Assign each transition to a named Framer section and control its relative scale, position, and rotation as that section scrolls through the viewport.

**Questions?** Reach out at [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

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

-   All · #9146

## Details

- **Author**: Hasan Wali
- **Price**: $50.00
- **Published**: 2026-09-11
- **Updated**: 2026-09-13
- **Added**: 2026-09-11
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase