Free search suggestions animation maker
A search bar that opens a list of suggestions as the query types, highlights one and picks it, then loads results. Download it as a 1080p MP4. Free, no sign-up, no watermark.
The basics
What is a search suggestions animation?
A search suggestions animation is a clip of a search bar offering ways to finish a query while it's being typed: a list drops open under the field, one suggestion is highlighted and chosen, and the search goes through. It's autocomplete on screen, used to show a run of related questions or to land a punchline.
This page types “how to start a” into a white field. After the first few letters a list of four suggestions opens, with the part already typed in regular weight and the rest in bold. A pointer moves to the second suggestion and clicks it, the field fills with it, and the list turns into loading results.
You write the suggestions yourself, up to five of up to 48 characters each, so they can say anything. Start each one with the words being typed and the bold part lines up as the ending of the search, the way it does on a real search page.
To put it on your video, see how to add a search bar animation in CapCut, Premiere Pro, DaVinci Resolve and Final Cut Pro.
What you download
- Price
- Free. No sign-up, no email, no watermark.
- Format
- MP4 (H.264), no audio
- Resolution
- 1080p: 1080×1920, 1920×1080, 1080×1080 or 1080×1350
- Frame rate
- 30 or 60 fps
- Search
- Up to 60 characters, typed at 4 to 30 characters a second
- Suggestions
- Off, or 1 to 5 of up to 48 characters, one highlighted and chosen
- Sent by
- A mouse pointer, a finger tap or the Enter key
- Field
- Pill or rounded; the look's color, white or dark; an arrow, a word or no button
- Length
- As long as the typing takes, then results or a rest of 0.5 to 5 seconds
- Colors
- Six looks, or any text color on any background color
- Overlay
- Green background for chroma key
- Where it runs
- In your browser. Nothing is uploaded.
How it works
How to make a search suggestions animation.
Four steps, about a minute, and nothing to install.
1
Type the search
Write what the bar types, up to 60 characters, and the faint placeholder it shows before that. Turn on suggestions for a list that opens under the field as it types.
2
Choose how it's sent
Set the typing speed, from 4 to 30 characters a second. Then pick a mouse pointer, a finger tap or the Enter key to send it, and whether results load afterwards or the field simply rests.
3
Style the field
Pill or rounded, in the look's color, white or dark, with an arrow, a word or no button. Pick one of six looks and an accent color for the button, the caret and the focus ring.
4
Download the MP4
Press Download. The video is rendered in your browser at 1080p and saved to your device, usually in a few seconds. No account, no watermark.
More versions
Make a different one.
Each one opens its own maker with the settings filled in. Change anything, then download.
When a search bar animation isn’t enough
The free search bar animation is the starting point.
Here you get a search bar on a plain background. In Rescroll you describe the graphic you want, such as “type ‘how do I fix a slow laptop’ as I ask it, then open my website on the answer”, and it's designed from scratch on your own video. Attach a screenshot or a saved web page and it matches them, and ask in the chat for any change.
Free search bar animation
Rescroll
A generic search bar, in your colors
Any design you can describe, matched to your screenshots, fonts or logo
A clip you overlay and key out yourself
Built on your own video, placed around you
You line it up in your editor
Types and searches on the exact word you say
Change it with the settings here
Change anything by asking in the chat
Part of the Pro, Ultimate and Scale plans.
Both built in Rescroll from a description.
Questions
Search suggestions animation: your questions, answered.
How do I make a search bar with autocomplete suggestions?
Can I write my own search suggestions?
How do I choose which suggestion gets picked?
Can it end on the search bar instead of results?
Is the search bar animation maker free?
What format and resolution is the video?
Can I get the search bar animation with a transparent background?
Is my video uploaded anywhere?
Can I use the search bar animation in client work, ads or monetized videos?
Can I match my brand, add my logo or change the design?
More free tools
Other graphics you can make here.
All free, all made in your browser, all without a watermark. See every free tool.
Keep reading
Where to go next.
Your next video,
edited like the top 1%.
Drop it in. Say what should appear. Read the plan, press Build, and export the finished video — no After Effects, no editor, no template.
Make your first graphicPart of Pro, Ultimate and Scale · Export is free · Failed builds are refunded