---
title: "3D Can — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Mx. Bear · Interactive. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/3d-can"
---

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

# 3D Can

Mx. Bear

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

![3D Can preview image 1](https://framer.elliotli.dev/og/component/3d-can/42b1e3cb94e948c7/1600x1200.jpg)

## Summary

Mx. Bear

## Description

### **About this Component**

Wrap your artwork around a photorealistic aluminum can in seconds!

Your uploaded image maps seamlessly onto the surface. Grab and spin it with smooth inertia, or let it rotate autonomously. The ultimate choice for beverage branding, merch drops, and standout product hero sections.

### **Component Properties**

• **Image:** Wraps your photo around the can. A 2:1 ratio (e.g., 2000×1000) fits perfectly, while taller images auto-crop vertically with zero distortion.

• **Auto-spin:** Keeps the can rotating slowly when the cursor is inactive (Default: On).

• **Tilt:** Adjust the forward and backward pitch.

• **Tilt Sideways:** Adjust the left and right roll for dynamic presentation angles.

### **Use Cases**

• **Product Mockups:** Showcase beverage labels, custom merch, and pop-up store packaging in photorealistic 3D. Bring your products to life with a single image—no code required.

• **Interactive Heroes:** Swap static thumbnails for tactile, "grab-and-spin" 3D elements that instantly hook your visitors' attention.

### **How to Install**

To install the component, please copy and paste the component URL directly onto your Framer canvas.

### **Important Note**

**Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.**

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

-   All · #6048

## Details

- **Author**: Mx. Bear
- **Price**: $5.00
- **Published**: 2026-07-15
- **Updated**: 2026-08-13
- **Added**: 2026-07-15
- **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