Preview
Usage
A short product-walkthrough slate. The cursor flies in from off-screen, clicks the first target (a labeled tooltip pops above it), an input box types out your text, then the cursor moves to the second target and clicks again. Each click leaves an accent-colored pulse ring.
Drop a screenshot of your UI in backgroundImageUrl and pick the X / Y coordinates of the two click targets in pixel space (the canvas is 1920 × 1080). Add short labels ("Open the search", "Hit search") to caption each click for the viewer.
Props
| Name | Type | Default |
|---|---|---|
| backgroundImageUrl | string | "" |
| backgroundColor | string (hex) | "#ffffff" |
| firstClickX | number | 720 |
| firstClickY | number | 480 |
| firstClickLabel | string | "Open the search" |
| inputText | string | "best new tech of 2025" |
| secondClickX | number | 1280 |
| secondClickY | number | 720 |
| secondClickLabel | string | "Hit search" |
| accentColor | string (hex) | "#0a84ff" |
Composition
- ID
- CursorWalkthrough
- Resolution
- 1920×1080
- FPS
- 60
- Duration
- 4.7s