---
title: "Air Pod Case — Free Framer component · Best of Framer"
description: "Free Framer component · by Troy Miller · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/air-pod-case"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Air Pod Case

# Air Pod Case

3D AirPods Case

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

![Air Pod Case preview image 1](https://framer.elliotli.dev/og/component/air-pod-case/c433031c6731d557/1600x1200.jpg)

## Summary

3D AirPods Case

## Description

**3D Air Pods Case Component**

A beautifully crafted, realistic 3D Air Pods case component with stunning depth and lighting effects. Perfect for Apple-themed websites, product showcases, tech portfolios, and modern UI designs.

**Features:**

-   **Realistic 3D Design** – Multi-layered shadows and gradients create authentic depth and dimension
    
-   **Fully Responsive** – Scales perfectly at any size while maintaining proportions
    
-   **Zero Dependencies** – Pure CSS implementation, no external libraries needed
    

**Customizable Properties:**

**Case Color** – Change the main body color to match your brand or design (default: soft gray)

**Light Color** – Customize the LED indicator color (green, blue, red, or any color you want)

**Light Glow** – Toggle the glowing effect around the LED on or off

**Scale** – Adjust size from 0.5x to 5x with smooth scaling (everything scales proportionally)

**Roundness** – Control the border radius to make it more or less rounded

**Perfect For:**

-   Apple product mockups
    
-   Tech landing pages
    
-   E-commerce product displays
    
-   Portfolio projects
    
-   Music and audio apps
    
-   Modern UI designs
    

Easy to use with intuitive controls. Simply drag onto your canvas and customize to fit your design. All properties update in real-time for instant visual feedback.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ts8pgaih-AsF5mmgnlxzVWbZzN7v2EFtYQAuVAa)

For design work, questions, or help, please reach out at [https://www.fireislanddesign.com/](https://www.fireislanddesign.com/)

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

-   All · #6921

## Details

- **Author**: Troy Miller
- **Published**: 2026-01-26
- **Updated**: 2026-06-12
- **Added**: 2026-01-13
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo