The phone starts horizontally. As the user starts scrolling, the phone assumes positions that highlight the full, top and bottom areas of your app design.


elegant-lightness

In this template, the phone is seen from the side, then, as the user scrolls, it rotates into a position where its screen is fully visible. Along the scroll journey, the user sees 2 messages fading in and out.

[Open demo site](https://rotato-web-export-example-01.webflow.io/)


cinematic-night

Engage users with this animated 3D web mockup that rotates as they scroll down your page, while you gently explain your app's benefits.  
  
Here's everything you need to do that.

* 2 x Full HTML/CSS/JS as a ZIP file
* 2 x Rotato project file
* 2 x Webflow project ready to clone
* Edit the text on the site and launch
* Build it into your current website or launch as is
* Edit everything

Webflow is optional, you can use the raw code as well.


Elegant Lightness

Cinematic Night

Rotato

Explore

About

Help