Open Paraplex

An animated cursor that clicks through your app for you.

Give a cursor a path and a few stops. It travels a smooth route at its own speed, with the curve and overshoot of a real hand, and at each stop it clicks, taps, or presses and drags a layer along. Clicks dip the pointer, pulse and add a click sound to the timeline. Put it over your own screenshots, a browser or phone frame or a 3D device, and every move stays an ordinary keyframe you can change.

Make a cursor demoOpen the Cursor tour template

Seven cursor styles. No screen recording needed. Runs in your browser.

Four things a cursor does in a demo.

A cursor path is a layer with stops. Tell it where to go and what to do when it gets there, and Paraplex handles the motion in between.

Travel

A route, not a straight line.

Between stops the cursor moves at its own speed, with curve and overshoot, the way a hand moves a mouse.

Click

Clicks you can see and hear.

Each stop can click, tap or pop. The pointer dips, a pulse shows, and a click sound lands on the timeline.

Drag

It can carry things.

Press to drag takes a layer you choose from one stop to the next, so a card, a slider or a file moves with the pointer.

Style

Seven pointers.

macOS, Windows, Figma, Ring, iPad, Hand and Classic, so the pointer matches the platform you're showing.

Give it a path and a few stops.

Add a cursor path from + in the Layers panel or from Menu › UI overlays…. Then right-click where the cursor should go and choose Add stop here, or Add stop here + click. Each stop shows on the canvas as a numbered handle you can drag into place.

Right-click the cursor › Cursor path… opens its panel. Style, Speed, Curve, Overshoot and Starts at shape the whole route; each stop gets its own hold time, its own click and an optional Press to drag. If the path runs past the end of the piece, the panel tells you.

Every move is a keyframe you can edit.

The cursor is never a baked recording. Drag a stop and the route redraws; slide its timing on the timeline; give the moves any easing curve or spring, the same as every other keyframe in Paraplex.

Because the cursor is a layer in a real scene, everything around it stays live too. Lay it over screenshots of your app, a browser or phone frame, the screen of a 3D phone, tablet or laptop, or a live HTML layer, and push the camera in on each click, the way the Click-through demo and Cursor tour templates do.

Building a full walkthrough around it? See product demo videos.

Clicks, taps and drags that read as real.

Each stop picks its click: Mouse click, Soft tap or Pop. On a click the pointer dips and pulses, and the click sound is added to the timeline, so the demo sounds the way it looks.

Turn on Press to drag at a stop and the cursor carries a layer you choose to the next stop: a card into a column, a slider to a new value, a file onto a drop zone. The Hand style closes while it drags.

Showing a phone app in the store? See App Store preview videos.

Click-through demo template: a pointer types a web address into a browser frame and walks through a shop's pages while the camera pushes in on every click

Seven cursors, and a lens that rides along.

Pick the pointer your audience knows: macOS, Windows, Figma, Ring, iPad, Hand or Classic. The Ring pulses like a screen recorder's pointer, which suits a walkthrough; on a phone or tablet app, the iPad and Ring styles read as taps rather than mouse clicks.

Add Cursor lens from the effect library and a round magnifier rides the cursor along its path, enlarging what's under it and splitting its colors a little more on faster moves. The Cursor tour template uses it to read a revenue line as it draws on.

Rather capture the real thing? Record a screen, a window or a tab with automatic zooms: more on screen recording.

Cursor tour template: a screen-recorder ring cursor tours a dashboard, clicking four features while a caption chip names each stop and the camera leans in

Start from a cursor template.

Click-through demo and Cursor tour come with their cursor paths, clicks and camera pushes already built; App launch and App launch (your UI) give a cursor an app window to work in. All four are free: retype the words, drop in your own screens and move the stops.

In every cursor path.

Seven cursor styles, from macOS to Ring

Numbered stops you drag on the canvas

Free exports up to 1080p, no watermark

Speed, Curve and Overshoot for a hand-like route

Browser and phone frames, or a 3D device

Every move an ordinary keyframe

Click sounds on the timeline: Mouse click, Soft tap or Pop

Press to drag a layer to the next stop

Questions about animated cursors

How do I make an app demo video with an animated cursor?

Open a project and add a cursor path from + in the Layers panel or Menu › UI overlays…. Right-click on the canvas and choose Add stop here, or Add stop here + click, for each place the cursor should go, drag the numbered stops into position, and press play. To skip the setup, start from the free Click-through demo or Cursor tour template.

Do I need a screen recording?

No. The cursor moves over whatever is in the scene: screenshots of your app, a browser or phone frame, a 3D device, or a live HTML layer. If you want to capture the real thing, Menu › Record screen… records a screen, a window or a tab in your browser with automatic zooms, and a cursor path can sit on top of it.

Which cursor styles are there?

Seven: macOS, Windows, Figma, Ring, iPad, Hand and Classic. The Ring pulses like a screen recorder's pointer, and the Hand closes while it drags.

Can the cursor drag things?

Yes. Turn on Press to drag at a stop and choose a layer, and the cursor carries it along to the next stop.

Do the clicks make a sound?

Yes. Each stop can use a Mouse click, a Soft tap or a Pop. A click dips the pointer, shows a pulse and adds its sound to the timeline. For narration, add an AI voiceover with captions timed word by word.

Can I change the timing after it's built?

Yes. The path is made of ordinary keyframes. Drag stops on the canvas, change Speed, Curve, Overshoot and each stop's hold time in the Cursor path panel, or shape the moves with any easing curve or spring. The panel warns you if the path runs past the end of the piece.

Should I use an animated cursor or a screen recording?

A recording shows what really happened, at the speed you did it, which suits a long walkthrough of a working product. An animated cursor is built from layers, so you can show a flow before it ships, keep every frame clean, and change one click without recording again. Paraplex does both, in the same file.

Is the animated cursor free?

Yes. Cursor paths, all seven cursor styles, click sounds and Press to drag are on the Free plan, and so are the Click-through demo and Cursor tour templates. Free exports go up to 1080p at 30 fps with no watermark; Pro adds 4K and 60 fps.

Point, click, ship the demo.

Start free in your browser, give a cursor a path, and export up to 1080p with no watermark. Go Pro for 4K.

Make a cursor demoSee pricing

Paraplex is a browser-based 3D motion design studio with an AI assistant that edits real layers and keyframes.

01

Describe it.

One or two sentences on this way to start.

Open Paraplex
A screenshot depicting artboards in Paraplex, the 3D motion design web app, which allow you to export multiple media formats and sizes with one click, automatically formatted for different social media platforms.

Brand and social

Video ad variations

One version per spreadsheet row: columns fill headlines, prices and photos by layer name, and Export all variants renders them in one job (Pro).

Templates: On sale, Product launch

Three ways to start.

Whatever the job, a project starts from words, from a finished template, or from the files you already have. All three open in the same editor, and you can mix them in one scene.

01

Describe it.

Type what you want on the home page and click Make it. The assistant builds the scene from real layers and keyframes, and you Apply or Discard what it made.

Describe a scene

02

Open a template.

62 finished templates in 13 categories, each built for you to swap in your words, pictures, logo, colors, data, music, video or voice.

Browse templates in Paraplex

03

Bring what you have.

Drop screenshots, recordings, GLB models or Lottie files on the canvas, paste an SVG from Figma or HTML and React as a live layer, or upload a CSV for a chart.

Start with a blank scene

One scene, every screen.

Whatever the job, the same scene exports for every place it runs. Add formats as artboards beside your frame, let Responsive framing re-stack blocks for each shape, and pin your logo to its corner. Then export MP4, WebM, a GIF or a Lottie, or publish a live embed for your site.

Export to

5 shapes

16:9, 9:16, 1:1, 4:5 and 4:3, or a custom size

Safe zones for

4 feeds

TikTok, Reels, Shorts and the Instagram feed

Up to

4K at 60 fps

on Pro; free exports run to 1080p, no watermark

Landscape 16:9 · YouTube, slides and your site

Vertical 9:16 · Reels, Shorts & TikTok

Portrait 4:5 · feeds on Instagram, X and LinkedIn

Render needed · FR-03

Paraplex for

Marketers

Every channel wants its own cut. Build one scene, reframe it for 16:9, 9:16, 1:1 and 4:5 with safe zones for each feed, and keep every version on brand with a design system.

Templates: Stat drop, Match-cut stack, The AI ROI gap

Eight types of charts against a black background: Bar chart showing vertical bars for days Mon-Fri; Line chart plotting connected points for days; Area chart filled beneath a line for days; Pie chart divided into colored segments labeled by day; Donut chart similar to pie but with a hollow center; Scatter plot with dots of varying sizes; Gantt chart with horizontal bars labeled Research, Design, Build, Launch; Timeline with labeled milestones Founded, First product, Series A, Worldwide.

Render needed · FR-04

Paraplex for

Agencies

Every client has a brand, and every brand has revisions. Keep each client's colors, fonts and motion as a design system, apply it in one step, and share a link for review.

Templates: Logo match cut, Logo swarm, Whiteboard explainer

Your brand in one step.

Keep colors, fonts, text styles, materials, scene looks and motion as a design system, and apply it to any scene at once.

Video, Lottie or a live embed.

Export MP4, WebM, GIF, PNG or Lottie, or publish an embed that plays in real time on your site and answers hover, click and scroll.

Question

Answer.

App launch (your UI) template: the camera pushes in on the input of an app interface pasted in as HTML, then eases back out to a tagline
App launch template: a question types into an app window, an answer streams in, steps slide in and a chart grows
Liquid glass nav template: a liquid glass bar bends the big headline beneath it, both inside the same Paraplex scene
One Paraplex scene on four artboards: the primary scene beside Landscape 16:9, Square 1:1 and Portrait 4:5, each laid out for its shape

Screenshot · one scene on four artboards

Coming soon: post straight to your accounts.

Not available yet. Two things are on the way for marketing teams. The first is posting finished pieces straight to your linked social accounts.

The second is a long-form YouTube workflow for 3D documentaries, educational videos and tutorials: an outline and research, a voiceover, B-roll and generated 3D scenes, edits timed to the narration with music, sound and titles, landscape and vertical renders for each platform, and titles, descriptions and hashtags written for each post. Both will be listed here when they ship.

The word 'Clarity' in large white text over a black background with abstract light patterns in warm brown on the left and cool blue on the right, showcasing the advanced 3D effects, shaders and materials shown in the Paraplex app including the liquid glass motion design template.

“Every client has a brand.”

A design system per client.

Keep each client's colors, fonts, text styles, materials, scene looks and motion as its own design system in your Library, and apply it to any scene in one step. A client's kit exports as one file to share with a teammate.

“The revisions never end.”

A link for review, a step to undo.

Copy a shareable link that publishes the piece as a web page, then refresh it after each round while the address stays the same. Notes on the canvas never export, undo has no limit, and each project keeps a History of recent saves to restore.

“The volume keeps growing.”

Templates, including your own.

Start from 70+ editable templates that each say what to swap in, or save any scene as a template of your own. Data variants make one version per spreadsheet row, and on Pro, Export all variants renders them in one job.

“Every channel wants its own size.”

One scene, every format.

Add 16:9, 9:16, 1:1, 4:5 or 4:3 as artboards beside the frame, each reframed for its shape, with safe zones for TikTok, Reels, Shorts and the Instagram feed. On Pro, one export renders every enabled format.

The client's own fonts, saved in the project

Light and dark themes, or a brand and sub-brand, in one palette

Beat detection, so cuts land on the drum hits

Notes on the canvas that never export

Transparent WebM and PNG sequences (Pro)

Live embeds the client's site fills in by layer name

AI images and 3D models from a sentence

Components that follow the master's edits

Responsive artboards in Paraplex: one scene laid out in several aspect ratios side by side

Screenshot · responsive artboards

The same Paraplex embed twice on a page, one filling the layer named Headline with Glow, the other with Ember

Screenshot · one embed, filled by name two ways

On brand, in light and dark.

Link layers to your palette and give each color a value per theme. Switch the embed's theme from your page and every linked layer follows, so the scene matches your site in light mode and in dark mode.

Bring the whole design system along, with its colors, fonts, text styles and materials, and apply it to any scene in one step.

The Design systems library in Paraplex: five design systems side by side, each with its colors, text styles, materials and motion tokens and a Use in project button, under Save from this project and Import tokens

Screenshot · your design systems

Your own code, running live inside it.

Code layers bring HTML, CSS, JavaScript or React into a scene, flat over the frame or as a card in 3D. In an embed they keep running and respond to the pointer, so a live counter or a slice of your product's UI can sit inside the 3D scene on your site.

A live HTML card with a gradient heading and a filling progress bar, standing at an angle in a Paraplex 3D scene

Screenshot · a live HTML card in a 3D scene

Camera

A camera they can move.

Let viewers Orbit, Look around like a panorama, Walk with W A S D or two fingers on a phone, or keep the camera Fixed.

States

States, not just a loop.

Idle loops, presses that play once and hold, and held poses, switched by clicks, the pointer, a delay or your page.

Keyboard

Reachable without a mouse.

Every interactive layer gets a keyboard-focusable stand-in, so visitors can reach it with Tab and press it with Enter.

Reduced motion

Calm for anyone who asks.

Visitors who ask their device for less motion see the first frame held instead of the animation.

The Publish as an embed panel in Paraplex: a live embed with its two-line snippet ready to copy, scrolling and viewer options

Screenshot · publishing a live embed

A transparent, irregularly shaped glass tube floating against a smooth, wavy background of blue, beige, black, and white hues, showcasing the 3D rendering, shaders and materials available in the Paraplex app, with customizable properties and animated keyframes, like the liquid glass effect seen in this image.
Particle logo reveal made in Paraplex: thousands of fine particles stream in from a loose cloud and pack into a logo mark on a dark ground
Logo swarm template: a swarm of fine specks packs into a logo until it reads solid, holds as a few flicker warm and cool, then bursts toward the camera
The word 'Clarity' in large white text over a black background with abstract light patterns in warm brown on the left and cool blue on the right, showcasing the advanced 3D effects, shaders and materials shown in the Paraplex app including the liquid glass motion design template.
The word 'Clarity' in large white text over a black background with abstract light patterns in warm brown on the left and cool blue on the right, showcasing the advanced 3D effects, shaders and materials shown in the Paraplex app including the liquid glass motion design template.
An app demo in the Paraplex editor: a browser frame with a cursor whose path and clicks are keyframed on the timeline

Screenshot · a cursor path over a browser frame