Interactive 3D MacBook mockup with video/image display, cursor-following animations, scroll effects, custom branding, and pro-grade Three.js rendering.
Make it with Workshop
Build your own component with AI
A high-quality 3D laptop mockup designed for designers, agencies, and product teams who want to showcase their work in style. This Framer component combines stunning visuals with practical functionality, and at just 23kb for the 3D model, it's incredibly optimized for fast web performance.
Show videos or images on the laptop screen
Make it interactive: follows your mouse, floats in place, or closes as you scroll
Add your own stickers and logos to brand it
Change colors and materials to match your style
Adjust lighting to get the perfect look
Move the camera angle and zoom to your preference
Smooth 3D graphics that work beautifully on any device
Incredibly small file size means quick loading times
Great for portfolios, product pages, case studies, and any project where you want to impress visitors. Works on all screen sizes and looks good everywhere.