500 of 1,410 in Skills

Search Bar Typeahead Hero, Original video

Video 1 of 1Google search bar

Open video page

Language: English
On-screen text: any language
Built with: Remotion
Google Fonts
Requires: Bun
Python 3
FFmpeg
Needs: No API keys
Runs in: Claude Code
Codex
Output: 16:9
MP4
Works offline: No
Downloads Google Fonts at render time
Tested: Static checks passed · not yet test-rendered
Generates with: Your agent's own model

What you get with this skill

SKILL.md with the full prompt, scripts and asset rules
One-line install prompt for Claude Code, Codex or Cursor
ZIP download to keep or share inside your team
Every future version of this skill

Data Story

Search Bar Typeahead Hero

Create short UI demos of search or input fields with character-by-character typing and an expanding suggestion panel.

v1.0.0 · by Potto

Premium skill

Premium

Included with any paid plan, or buy this skill once for $5. Sign in to continue.

SKILL.mdPremium

--- name: search-bar-typeahead-hero description: Create short UI demos of search or input fields with character-by-character typing and an expanding suggestion panel. Includes a props-driven Remotion scaffold for letter-by-letter wordmark assembly, search field expansion, control fades, query typing, autocomplete suggestions, and a vector pointer settling on the primary button. Defaults to about 4 seconds, 16:9, and silent output. Use for search bar animations, typeahead demos, autocomplete drop-downs, logo letter reveals, search bar heroes, and input typing animations.

Lite, Pro and Max all include every premium skill.

Create short UI demos of search or input fields with character-by-character typing and an expanding suggestion panel. Includes a props-driven Remotion scaffold for letter-by-letter wordmark assembly, search field expansion, control fades, query typing, autocomplete suggestions, and a vector pointer settling on the primary button. Defaults to about 4 seconds, 16:9, and silent output. Use for search bar animations, typeahead demos, autocomplete drop-downs, logo letter reveals, search bar heroes, and input typing animations.

Updated Oct 21, 2026

More skills like this

View all

Premium00
Agency Results Reel
Data StoryENRemotion
Claude Code · Codex
Premium00
Product Specification Breakdown Film
Data StoryENRemotion
Claude Code · Codex
Premium00
Circus Metaphor Explainer
Data StoryENRemotion
Claude Code · Codex
Premium00
Vertical Data Recap (Eight-Shot Data Story)
Data StoryENRemotion
Claude Code · Codex

Choose Your Plan

One balance of credits for AI videos and AI images. Subscribe monthly or yearly, or buy a credit pack once.

Lite
$20/month
Billed monthly
Choose Lite
Images per month at HD
Learn more
Nano Banana Pro44 images
Nano Banana86 images
Videos per month
30-second product demo13 videos
60-second explainer5 videos
- 2,000 credits per month
- Up to 86 fast images
- Standard queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- All premium skills included
Pro
$50/month
Billed monthly
Choose Pro
Images per month at HD
Learn more
Nano Banana Pro111 images
Nano Banana217 images
Videos per month
30-second product demo33 videos
60-second explainer13 videos
- 5,000 credits per month
- Up to 217 fast images
- Priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- All premium skills included
Recommended
Max
$100/month
Billed monthly
Choose Max
Images per month at HD
Learn more
Nano Banana Pro333 images
Nano Banana652 images
Videos per month
30-second product demo100 videos
60-second explainer40 videos
- 15,000 credits per month
- Up to 652 fast images
- Highest priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- All premium skills included

Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.