---
title: "Rolling Cassette — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Plaiter HQ · Sections. Rolling Cassette is a nostalgic 3D-style UI component that recreates the look and feel of a classic cassette tape, complete with rotating…"
canonical: "https://framer.elliotli.dev/component/rolling-cassette"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Rolling Cassette

# Rolling Cassette

A 3D animated cassette tape

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

![Rolling Cassette preview image 1](https://framer.elliotli.dev/og/component/rolling-cassette/c64ef21f1df741d7/1600x1200.jpg)

## Summary

Rolling Cassette is a nostalgic 3D-style UI component that recreates the look and feel of a classic cassette tape, complete with rotating reels, depth extrusion, and soft shadow…

## Description

Rolling Cassette is a nostalgic 3D-style UI component that recreates the look and feel of a classic cassette tape, complete with rotating reels, depth extrusion, and soft shadow grounding. It adds personality and motion to hero sections, music-related layouts, and retro-inspired designs.

The reels animate continuously when auto play is enabled, with adjustable roll speed to control how fast the tape spins. You can fully customize the cassette body, label area, window tint, and tape color to match your brand or visual theme.

The component also includes 3D extrusion controls that simulate physical depth using layered panels and perspective, along with adjustable shadow blur, opacity, and offset for realistic placement on any background. You can even place an image inside the label area to simulate album art or branding.

All settings are controlled directly from the Framer panel, making it easy to drop into any layout and style without writing code.

**Key Features**3D rotating cassette animationAuto play toggle for reel rotationAdjustable roll speedCustom cassette body, label, window, and tape colorsImage upload for label artwork3D extrusion depth and color controlsSoft shadow with blur, opacity, and offset settingsResponsive and scalable layout

**Use Cases**Music and audio product landing pagesRetro themed websitesHero section visual accentsBrand storytelling sectionsPortfolio and creative showcases

**Best Practices / Tips**Use subtle roll speeds for calm, ambient motionMatch label images with brand or album artworkIncrease extrusion depth for dramatic 3D effectUse soft shadows to anchor the cassette on light backgrounds

**What’s Included**One Rolling Cassette componentAnimated rotating reels3D extrusion and depth stylingColor controls for all cassette partsLabel image upload supportShadow and perspective controls

**Who It’s For**Framer designers creating animated hero visualsMusic and media focused websitesDesigners building retro or playful interfacesNo-code builders who want advanced 3D motion without WebGL

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

-   All · #8385

## Details

- **Author**: Plaiter HQ
- **Price**: $10.00
- **Published**: 2026-02-04
- **Updated**: 2026-02-02
- **Added**: 2026-01-23
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes