Preview
Usage
A short demo slate for product walkthroughs, landing-page hero loops, or "how does this thing get found" explainers. The bar springs in, the query types out with a blinking caret, then a mouse cursor enters from off-screen, glides to the search button, and presses it — accent-colored pulse ring confirms the click.
Keep the query short and concrete (≤ 30 characters reads cleanly at 720p). accentColor controls the search button and the click pulse; pick a brand-aligned color.
Props
| Name | Type | Default |
|---|---|---|
| query | string | "best new tech of 2025" |
| placeholder | string | "Search the web…" |
| backgroundColor | string (hex) | "#ffffff" |
| accentColor | string (hex) | "#0a84ff" |
Composition
- ID
- TypingSearch
- Resolution
- 1920×1080
- FPS
- 60
- Duration
- 5.0s