The HD, lightweight alternative to a typing GIF
When a GIF's chunky edges and large file size aren't good enough, WebM is the answer. It's a modern video format that records your typing animation at full colour with smooth anti-aliasing, producing a sharper result than GIF at a fraction of the size. This page explains when to reach for WebM and how the export works.
Record your typing bar as an HD WebM in one click — entirely in your browser.
Open the Animated Search Bar →A GIF stores at most 256 colours per frame and uses one-bit transparency, which means anti-aliased text edges get quantized and can look stepped. It's also a heavy format — a few seconds of full-width animation can run to several megabytes. WebM uses the VP8 or VP9 video codec, so it keeps full colour and smooth edges, and a comparable clip is often a fraction of the size. For any solid-background bar where you want the text to look razor-sharp, WebM is the better choice.
The export records the live preview canvas in real time using the browser's built-in MediaRecorder, with VP9 when your browser supports it and VP8 as a fallback. The animation plays for the number of loops you choose and is captured frame by frame, then saved as a .webm file. Because it's recorded at the export scale you set, choosing 2× or 3× gives you a high-resolution clip ready for a full-HD or vertical timeline.
Browser-recorded WebM generally flattens onto a solid background rather than preserving a true alpha channel. So if you need a genuine cut-out to float over arbitrary footage, use the transparent GIF or the PNG frame sequence instead. Reach for WebM when a solid bar is fine and sharpness plus small file size are the priority — for example a white search box dropped onto a clip, or an HTML5 video on a web page.
WebM imports into Premiere, DaVinci Resolve and most desktop editors, and plays natively in modern browsers via the HTML5 <video> tag. Some social uploaders and older apps prefer MP4 — if a platform rejects the WebM, run it through any quick video converter to get an MP4 with the same content.
GIF is limited to 256 colors and one-bit transparency, which roughens edges. WebM uses a modern video codec with full color and smooth anti-aliasing, so text stays clean at a much smaller file size.
Browser-recorded WebM typically flattens to a solid background, so for a true cut-out use the transparent GIF or the PNG frame sequence. WebM is best for a solid-background bar where you want maximum sharpness.
WebM imports into most desktop editors, plays on the web in HTML5 video, and works in many social uploaders. If a platform rejects it, convert it to MP4 first.