A customizable Mobile Rotate Prompt for Framer that shows when users are viewing your site in portrait mode on smaller devices. It helps guide visitors to rotate their device for the best viewing experience, then automatically disappears when they do — making your layout feel polished and intentional.
👉 Try the live interactive demos:
Force Preview ON (for styling): here
Force Preview OFF (real behavior, trigger width 820px): here
Key Features:
Automatic Portrait Detection: Appears on portrait devices below your breakpoint, hides when rotated to landscape.
3D Floating Icon Animation: A smooth, perspective-based 3D rotation effect that brings the prompt to life — something Framer can't replicate natively.
Custom Icon Support: Upload your own icon or illustration to match your brand, or use the built-in phone icon.
Flexible Trigger Options: Set any breakpoint width to target phones, tablets, or specific devices.
Multiple Animation Styles: Pick from bounce, wiggle, float, pulse or rotate animations to match the tone of your brand.
Full Design Control: Customize background color, text color, icon size, and typography directly in Framer — no code needed.
Easy Canvas Preview: Toggle Force Preview to style and position the prompt without resizing your browser.
Auto-Dismiss: Disappears automatically when user rotates to landscape.
Lightweight and Practical: A simple, clean overlay that improves mobile presentation and prevents awkward portrait viewing.
Perfect for:
Landing pages
Portfolios
Product demos
Mobile-first websites
Interactive web experiences
Frames & Flow
