Motion Template

Search Bar Animation

Browse templatesDownload preview
Edit template

No editable fields found

Add data-editable="true" to elements in your HTML

Download preview

Alpha channel and custom aspect ratios are supported on compatible templates.

Description

Animated search input with typewriter text effect.

Tags

#search bar#typewriter effect#input field#web interface#smooth animation#glassmorphism#floating elements#modern design#clean interface

Category

UI Elements
Specification
FeatureSpecification
Resolution720p HD, 1080p Full HD, 4K Ultra HD
Aspect Ratio16:9, 9:16, 1:1, 4:3, 3:4
File Formats.mp4 (H.264/H.265), .mov, .webm
EffectsGreen screen chroma key, Alpha channel support
Duration6 seconds
CompatibilityFinal Cut Pro, Adobe Premiere, DaVinci Resolve, CapCut & more
More templates
Deep Sea
Titles Typography
Deep sea text overlay with typewriter effect and mix-blend-mode styling on background image.
iOS Message Notification Template
Ui Elements
Realistic iOS notification with app icon, animated title, and typewriter message text.
3D Phone Animation Template
Mockups
Realistic 3D iPhone mockup with dynamic island, bezel effects, and customizable content area with enhanced 3D animations.
Twitter Post Template
Social Media
Realistic Twitter/X post with profile picture, username, tweet content, engagement metrics, and typewriter effect.
Instagram Post Template
Social Media
Animated Instagram post with profile picture, post image, likes counter, and typewriter caption.
YouTube Video Player Template
Social Media
Realistic YouTube video player mockup with thumbnail, title, channel info, views, and engagement metrics. Perfect for showcasing video content and social proof.
Phone Mockup Template
Mockups
Realistic iPhone mockup with dynamic island, bezel effects, and customizable content area.
Instagram Comment Template
Social Media
Realistic Instagram comment with profile picture, username, comment text, and engagement metrics. Perfect for showcasing social proof and user interactions.