TikTok is attention first
Animated QR codes help you earn a second of focus and convert viewers without asking them to leave the app.
Scan focus
Built for screensPlaced away from right-side controls
Minimum 220px size at 1080x1920
CTA visible and legible
Animation loop is smooth
Scan tested on phone
TikTok overlay specs
Protect the QR from the right-side action stack.
Pin to left or top corner
Stay away from the right-side UI stack.
Add a subtitle CTA
Use "Scan for the full list" style copy.
Check on small screens
Test on a smaller phone for safety.
Size
260-320px
At 1080x1920 resolution.
Right margin
140px
Avoid action buttons.
Bottom margin
180px
Keep clear of captions.
On-screen time
5-7 seconds
Hold longer on slow beats.
TikTok overlay tips
Make every frame scan-friendly with these tactical tips.
Avoid the right-side UI
Keep clear of the icons and captions on the right.
Use a mid-left position
Mid-left is visible and easy to scan.
Keep it on screen long enough
At least 6 seconds is ideal for first-time viewers.
Add a bold CTA
Short copy like "Scan for the link" works well.
Protect contrast
Use a light card behind the QR on busy footage.
QR examples
Preview a few styles that work well on screens and social overlays.
Vertical overlay
Optimized for 9:16 clips.
Retro Wave Launch
Soft neon gradient built for video overlays.
Launch scan
CTA-friendly QR for product drops.
TikTok CTA copy
Copy-ready overlays that pair perfectly with animated QR codes.
Creator follow
Scan to join the crew
Great for creator communities.
Shop now
Scan for the drop
Works for product launches.
Tutorial link
Scan for the full tutorial
Send viewers to longer content.
Frequently asked questions
Answers to the most common animated QR questions.
Build a GIF QR in seconds
Paste a link, pick a GIF style, and download instantly. Guest creation is enabled.
TikTok is attention first
Animated QR codes help you earn a second of focus and convert viewers without asking them to leave the app.
TikTok overlay specs
Protect the QR from the right-side action stack.
TikTok overlay tips
Keep clear of the icons and captions on the right. Mid-left is visible and easy to scan.
TikTok QR checklist
Placed away from right-side controls • Minimum 220px size at 1080x1920 • CTA visible and legible
Related pages
Explore more animated QR use cases
Keep building on the screen-first strategy with related guides and templates.
Ready to launch?
Build an animated QR in minutes.