Tap & Swipe Demo

Loading editor

Tap and Swipe Gesture Animation – Phone App Tutorial Mockup

Tap & Swipe Demo

About Tap & Swipe Demo

A touch dot taps, swipes up and swipes across a phone while the screen scrolls and pages along with it. Ideal for onboarding walkthroughs.

Part of Device Mockups. New to this kind of graphic? Read How to Show an App on a Phone Mockup in a Video.

Category
Device Mockups
Length
7.5 seconds, up to 60 seconds
Playback
Plays once
Controls
15 editable
Format
MP4 · WebM · PNG sequence
Alpha
WebM or PNG sequence
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Frequently asked

What is the Tap & Swipe Demo animation?

A touch dot taps, swipes up and swipes across a phone while the screen scrolls and pages along with it. Ideal for onboarding walkthroughs. It belongs to the Device Mockups category on velements, where you edit it in the browser and download it as a finished video file.

What can you customize in Tap & Swipe Demo?

Every control in the editor, grouped the same way there. Content: screen, screenshot, values, title and labels. Typography: font. Style: background, text color, primary, secondary, accent and screen theme. Layout: aspect ratio and scale. Motion: duration. Each change appears in the live preview straight away, and editing is free.

How long is Tap & Swipe Demo?

Tap & Swipe Demo runs 7.5 seconds by default, and you can set any length up to 60 seconds before you export. It plays once from start to finish, so it drops straight onto a cut or an opening.

Can you download Tap & Swipe Demo with a transparent background?

Yes. Set the background to Transparent, then export a PNG sequence for Premiere Pro, After Effects, DaVinci Resolve, Final Cut Pro or Figma: import the first frame as an image sequence and it drops onto a track above your footage with a straight alpha channel. Export WebM with a VP9 alpha channel for the web and for CapCut. MP4 has no alpha channel, so it keeps a solid color or image behind the animation.

Can you use Tap & Swipe Demo in commercial projects?

Yes. Each download comes with a perpetual commercial license in your name for client work, ads and products, and you may sell the edited clip on stock footage sites. Reselling the preset itself as an editable template is not allowed.

Related animations

  • App Carousel

    A row of phones glides past a centre focus, showing a different screen on each. Upload up to five screenshots, one per phone.

  • App Store Preview

    Store-style screens slide by one at a time, each phone topped with a bold caption and a progress indicator. Built for vertical previews.

  • Before/After Wipe

    A divider sweeps across a browser window to compare a muted old design with your new one, then settles in the middle with labels.

  • Browser Window

    A browser window pops open, the URL types itself and the page loads in. Upload your screenshot, or let the blocks build themselves.

  • Cascading Screens

    A tilted stack of phones slides in one after another and fans open. Upload up to four screenshots, one per screen.

  • Click Zoom Demo

    A cursor glides across your website screenshot and clicks each point while the view smoothly zooms in on every click, then eases back out.

  • Feature Zoom Callout

    A browser window holds, then the view pushes into one feature, rings it with a highlight and pops a label before pulling back out.

  • Laptop Open

    A laptop lid swings open on a dashboard with KPI tiles and live charts, or your own screenshot. A clean opener for SaaS and web products.