Rescroll

Free search bar animation maker

Type a search and download it typing itself into a search bar, with a click on the button and results loading underneath, as a 1080p MP4. Free, no sign-up, no watermark.

How it works

How to make a search bar animation.

Four steps, about a minute, and nothing to install.

  1. 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. 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. 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. 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.

Ready-made versions

Start from the one you came for.

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.

Your site, live. Scrolls and zooms to pricing on cue.
Before you post. Each setting changes as she names it.

Both built in Rescroll from a description.

The basics

What is a search bar animation?

A search bar animation is a short clip of a search field typing a query by itself and then sending it, as if someone were searching for it on screen. Editors use it to introduce a topic, to pose the question a video answers, or to make a joke out of what somebody would search.

This maker draws the field in the style of a search engine without copying any of them: a rounded field with a magnifier, a blinking caret and an arrow button in your accent color, with no company's logo. The query types at an uneven, human pace, a mouse pointer clicks the button, and three placeholder results shimmer in underneath.

Short searches read best, because the viewer has a second or two to take them in. A long one still works: once it reaches the end of the field it scrolls, the way a real search field does, so nothing spills out of the bar.

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.

In your editor

Put the search bar animation on your video.

An MP4 has no transparent background, so the search bar animation comes ready to key. Set the background to green and remove it with chroma key.

How to add a search bar animation in CapCut

Download the search bar animation on a green background. In CapCut, drag it onto the track above your video so it sits on top as an overlay. Select it, open Video → Remove BG → Chroma key, pick the green with the color picker and raise Strength until the background is gone. Menu names move a little between CapCut versions; look for Chroma key.

How to add a search bar animation in Premiere Pro

Put the search bar animation on a video track above your footage. From the Effects panel, drag Ultra Key onto it and click the Key Color eyedropper on the green.

How to add a search bar animation in DaVinci Resolve

Place the search bar animation on the track above your footage. On the Edit page, open Effects → Open FX, find 3D Keyer under Resolve FX Key and drag it onto the clip, then sample the green in the viewer with the Open FX overlay switched on.

How to add a search bar animation in Final Cut Pro

Connect the search bar animation above your footage in the timeline. From the Effects browser, drag the Keyer effect onto it; it finds and removes the green by itself.

Questions

Search bar animation: your questions, answered.

How do I make a search bar animation?

Type your search into the maker at the top of this page, choose how it's sent and what happens after, pick a look and press Download. You get a 1080p MP4 of the search typing itself, made in your browser with no sign-up and no watermark.

Can I make a search bar animation on a green screen?

Yes. Choose the Green screen look, or set the background to green in the Look panel, and remove the green in your editor. The field, the pointer and the results are all solid, with no glow or soft shadow left on the green to key around.

Can I make a Google search animation with this?

You can make the same kind of clip: a query typing itself into a search bar and the search going through. The design is generic, in the style of a search engine rather than a copy of one, with no company's logo, colors or layout. This tool isn't affiliated with or endorsed by Google.

Can I change how fast it types?

Yes. Typing speed goes from 4 to 30 characters a second. The gaps between keys vary a little, with a short pause after each word, so it reads like a person typing. The rhythm is the same every time, so the preview matches the download.

Can I show search suggestions under the bar?

Yes. Turn on “Show suggestions as it types” and write up to five suggestions. The list opens under the field after the first few letters, and one of them is highlighted and chosen before the search goes through.

Can I get rid of the mouse pointer?

Yes. Under “Search with”, choose Tap for a finger tap like on a phone, or Enter key for no pointer at all: the search button presses itself.

Can I make the search bar white?

Yes. Set Field color to White for a white field with dark text, or Dark for a near-black one. Look keeps the field in the colors of the look you chose.

What happens after it searches?

With Results load, the field moves up and three placeholder results load under it with a shimmer, which keeps going until the clip ends. With Hold, the field simply rests with the search in it.

What if my search is too long to fit in the bar?

The text gets a little smaller first, and if it still doesn't fit, the field scrolls as it types, the way a real search field does. Suggestions that are too long end with an ellipsis.

How long is the video?

It runs as long as the search takes to type and send, plus a rest of 0.5 to 5 seconds at the end. With the default search it's about seven seconds. Raise the typing speed or shorten the search for a shorter clip.

Is the search bar animation maker free?

Yes. It's free to use and free to download, with no account, no email address and no watermark on the video. There's no limit on how many you make.

What format and resolution is the video?

An MP4 with H.264 video, at 1080p in the shape you choose: 1080×1920 (9:16) for TikTok, Reels and Shorts, 1920×1080 (16:9) for YouTube, 1080×1080 (1:1), or 1080×1350 (4:5) for the Instagram feed. You can export at 30 or 60 frames per second.

Can I get the search bar animation with a transparent background?

MP4 can't store transparency, so the search bar animation comes ready to key instead. Set the background to green and remove it with chroma key in your editor. Only the search bar animation is left over your footage.

Is my video uploaded anywhere?

No. The search bar animation is drawn and encoded on your own device, using your browser's built-in video encoder. Nothing is sent to a server and there's no render queue.

Which browsers does it work in?

It needs a browser that can encode video with the WebCodecs API: current versions of Chrome, Edge and Safari, and Firefox on a computer. If your browser can't, the page tells you before you start.

Can I use the search bar animation in client work, ads or monetized videos?

Yes. The video you download is yours to use in personal and commercial projects, with no attribution needed.

Can I match my brand, add my logo or change the design?

Not in the free maker, which is deliberately simple. That's what Rescroll's AI motion graphics are for: describe the graphic you want in plain English, attach your logo, fonts or a screenshot of your style, and it's designed from scratch on your own video, placed around you and timed to the word you say. Ask for any change in the chat. It's part of the Pro, Ultimate and Scale plans.

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 graphic

Part of Pro, Ultimate and Scale · Export is free · Failed builds are refunded