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.
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
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
Preset Selector (Glass Light, Glass Dark, Custom)
Icon Size, Gap, Radius, Snap Strength
Panel Radius, Panel Gap
Panel BG, Panel Border, Text Primary, Text Secondary, Accent Glow, Chevron
Panel Duration, Drag Elasticity
Title Font, Subtitle Font
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.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
