Skip to content

component

Scroll 3D model

By Hasan Wali

Details

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 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.

Introduction

3D models that transform on scroll

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750187759/129/129/139/149/15
  • All · #7410