About Wheel Drag
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.
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.
