---
title: "360 Spin Carousel — Free Framer component · Best of Framer"
description: "Free Framer component · by Marco Ponce de León · Carousels. 360 Spin Carousel puts your images and videos on a 3D wheel you can grab and spin."
canonical: "https://framer.elliotli.dev/component/360-spin-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/360 Spin Carousel

# 360 Spin Carousel

Interactive 3D Component

[View on Framer](https://framer.com/marketplace/components/360-spin-carousel/?via=elliot-li)

![360 Spin Carousel preview image 1](https://framer.elliotli.dev/og/component/360-spin-carousel/971ac565e5e33a3b/1600x1200.jpg)

## Summary

360 Spin Carousel puts your images and videos on a 3D wheel you can grab and spin.

## Description

### 360 Spin Carousel puts your images and videos on a 3D wheel you can grab and spin. Drag horizontally to orbit, drag vertically to tilt the camera, and flick to throw the wheel with real momentum. While you drag, the whole scene zooms out with your speed, then settles back to full scale as the spin decays.

### Features

\- Drag to spin with velocity and inertia, flick it and let it ride

\- Drag warp: the scene shrinks with speed and eases back on release

\- Orbit tilt: vertical drag changes the camera angle

\- Morphing depth: front items scale up, back items fade and blur

\- Images and video mixed in the same wheel

\- Nav dots, lines or arrows plus keyboard navigation

\- Auto rotate with speed and direction control

### Perfect for

\- Hero sections that need a centerpiece, not another slider

\- Portfolio and case study showcases

\- Product and lookbook displays

\- Music, event, or editorial cover walls

### Customization

360 Spin (radius, perspective, tilt, auto rotate), Drag Warp (zoom out, speed shrink, ease), Card (size, radius, reflection, glow, border), Morphing (scale, fade, blur), Nav (style, spacing, prev and next), and background color are all exposed in the property panel. Every image takes its own alt text.

### How to use

1\. Drop the component onto any frame and resize it.

2\. Replace the sample media with your own images or videos.

3\. Pick a nav style and tune radius, tilt, and card size.

4\. Adjust the Drag Warp controls for a softer or wilder feel.

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

-   All · #1524

## Details

- **Author**: Marco Ponce de León
- **Published**: 2026-07-03
- **Updated**: 2026-07-06
- **Added**: 2026-07-03
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view