PIXELOKAY / VIDEO TOOLS FREE · NO WATERMARK

Website & App Showcase Animator

Turn screenshots of websites and apps into polished animated showcases. Simulate page scrolling, cursor clicks, zooms and screen changes—inside beautiful device mockups.

✓ Websites & mobile apps✓ Timeline-driven motion✓ Real local video exports

FROM SCREENSHOT TO SHOWCASE

Website/App Showcase Animator

Editable · No uploads

LIVE PREVIEW

Composition canvas

Ready
0.0 / 12.0 s

Drag action bars to retime. Select with a click. Left/Right arrows move the selected action in 0.1s steps.

BrowserMockup
0 actionsTimeline
SampleScreen

QUICK START

Build a product story in a few clicks.

Try a sequence of gentle scrolling, cursor clicks, zoom-ins and screen switches. Each action can be moved and adjusted on the timeline.

Screen changes support cuts or crossfades. Use the storyboard export to share a four-frame overview. Presets are fully editable and Undo restores the previous timeline.

GETTING STARTED

From screenshot to launch video

01 / Capture

Start with screenshots

Upload a normal screenshot for static mockups, or a full-page capture for true scrolling. Add multiple screenshots to show different screens.

02 / Animate

Create the journey

Choose a browser, laptop, tablet or phone and add timed scrolls, cursor clicks, focused zooms and screen changes with adjustable easing.

03 / Share

Export locally

Save a PNG still, record a local video or download an editable project. Your screenshots never need to be uploaded.

Frequently asked questions

Can I paste a website URL and automatically record it?

No. Web browsers block arbitrary cross-site page capture. Import screenshots instead. The website label is decorative and does not load a URL.

Does the scrolling really work?

Yes, for images taller than the visible mockup. A viewport-only screenshot has no extra content to scroll through, so the motion will not reveal anything new.

Is this a real website click recorder?

Clicks are simulated visual animations with adjustable positions and optional callouts, not interactions with a live website or app.

Why might video recording take time?

Browser canvas recordings run in real time and can be limited by device speed, tab visibility and available video encoders. There is no paid cloud rendering service.

Animate website screenshots for a product demo

Place static screenshots in browser or device mockups, then add illustrative scroll, zoom, click and screen-change actions. This creates a guided presentation from supplied images rather than recording a live website.

Example workflow

  1. Import screenshots or choose the synthetic sample screens, then select a device frame.
  2. Add actions to show the relevant screen areas; use tall source images when an action needs to scroll.
  3. Set action timing and easing, preview the sequence, then export frames, a storyboard, browser-recorded video or a project.

Authored example: Make a fictional onboarding demo with a welcome screen, a feature screenshot and a completion state. Add visual click and scroll cues without implying that the mockup is connected to a live site.

Limits and privacy: The tool does not capture a URL, live DOM or current website. It accepts up to eight screenshots and 70 actions; video is silent, real-time WebM from 2 to 45 seconds. Project files embed screenshots, which may contain private information, so review them before sharing.

Related tools