A customizable Mobile Rotate Prompt for Framer that shows when users are viewing your site in portrait mode on mobile or tablet. It helps guide visitors to rotate their device for the best viewing experience, making your layout feel more polished and intentional.
👉 Try the live interactive demos:
Force preview on: here
Force preview off (trigger width at 600 px): here
Key Features:
Automatic Portrait Detection: The prompt appears when visitors view your site in portrait mode on mobile or tablet, helping guide them to rotate for the best experience.
3D Floating Icon Animation: A smooth, perspective-based 3D rotation effect that brings the prompt to life
Custom Icon Support: Upload your own icon or illustration to match your brand, or use the built-in phone icon.
Flexible Trigger Options: Set a custom breakpoint width to control exactly when the prompt appears across different 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.
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
