# Product Demo Cursor: motion graphics style

> A cursor glides through a clean, generic design editor, types the word, scales it up by its corner handle and recolors it. The product walkthrough look of SaaS launch and feature videos.

- Category: [Sci-fi UI & Modern Web](https://aimotions.art/category/sci-fi-ui-modern-web/)
- Also known as: product demo animation, ui walkthrough, cursor animation, app demo video, saas product video, screen recording style, feature walkthrough
- Demo built with: CSS · Energy: Lively · Background: Light bg
- Live demo: https://aimotions.art/styles/product-demo-cursor/
- Spanish version: https://aimotions.art/es/estilos/product-demo-cursor/

## Prompt (replace [TEXT] with your text)

```text
Make a product-demo walkthrough that builds [TEXT] inside a generic, clean design editor (no real app). Light gray workspace with a white artboard, a slim tool rail on the left, a top bar with a file name and a share button, and a properties panel on the right. A smooth black arrow cursor glides on eased curves: it clicks the text tool (small press and ripple), clicks the artboard and types [TEXT] letter by letter with a caret, grabs the bottom-right handle of the blue selection box and drags it so the text scales up while a size tooltip counts, clicks a violet swatch so the letters fill with a violet-to-pink gradient, then clicks the empty workspace to deselect. Panel values update with each step. Hold, delete, loop.
```

## Visual DNA

- Light editor chrome: tool rail, top bar, properties panel, white artboard
- Cursor moves on smooth eased paths with press-and-ripple clicks
- Blue selection box with corner handles and a live size tooltip while dragging
- Text typed letter by letter, then scaled up and recolored with a gradient
- Panel values update in sync with every action

The prompts are free to copy, adapt and use in personal and commercial projects, with no credit required. Republishing the collection or a substantial part of it (for example as another library or a dataset) requires written permission.

How to cite: Product Demo Cursor, aimotions, https://aimotions.art/styles/product-demo-cursor/