Scroll 3D model

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

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.