---
title: "Wheel Drag — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Aidan Looker · Navigation. What is Wheel Drag?"
canonical: "https://framer.elliotli.dev/component/wheel-drag"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Wheel Drag

# Wheel Drag

Premium interactive wheel navigation.

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

![Wheel Drag preview image 1](https://framer.elliotli.dev/og/component/wheel-drag/bd358858fda49f51/1600x1200.jpg)

## Summary

What is Wheel Drag?

## Description

## What is Wheel Drag?

Wheel Drag is a high-end, touch-friendly navigation component that replaces standard tabs with a tactile, physics-based dragging wheel. As users swipe through your icons, three detailed content panels smoothly animate in. Each panel supports custom links, images, and text. It is perfect for feature showcases, service menus, product highlights, and dynamic portfolios.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Fluid physics-based drag with customisable elasticity and snap strength
    
-   24 built-in preset icons with curated gradient palettes, or upload your own
    
-   Three linkable content panels per item with animated transitions
    
-   Three layout styles out of the box: Glass Light, Glass Dark, and Custom
    
-   Fully responsive layout
    

## Controls inside Framer

### Items

-   Preset Icon (dropdown with 24 options: Heart, Tag, Bookmark, Star, Shield, Grid, Home, Search, Settings, Bell, Mail, Camera, Music, Globe, Lightning, Lock, User, Cart, Chat, Clock, Compass, Diamond, Fire, Rocket)
    
-   Custom Wheel Icon (image upload, overrides preset)
    
-   Icon Background Color
    
-   Card 1: Title, Subtitle, Link
    
-   Card 2: Image, Title, Subtitle, Link
    
-   Card 3: Image, Title, Subtitle, Link
    

### Style

-   Preset Selector (Glass Light, Glass Dark, Custom)
    

### Wheel

-   Icon Size, Gap, Radius, Snap Strength
    

### Panels

-   Panel Radius, Panel Gap
    

### Colors (Custom Mode)

-   Panel BG, Panel Border, Text Primary, Text Secondary, Accent Glow, Chevron
    

### Animation

-   Panel Duration, Drag Elasticity
    

### Typography

-   Title Font, Subtitle Font
    

## Best use cases

-   E-commerce product feature highlights
    
-   Interactive service menus for agencies
    
-   Dynamic portfolio showcases
    
-   Premium app landing pages
    

Give your site a tactile, app-like feel that instantly elevates your design and keeps users engaged.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #9440

## Details

- **Author**: Aidan Looker
- **Price**: $7.00
- **Published**: 2026-05-27
- **Updated**: 2026-06-13
- **Added**: 2026-05-24
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation