A profile card overlay is the small social handle card that sits in the corner of a video. You've seen them on TikTok edits, YouTube Shorts, and Instagram Reels. The argument of this guide is simple. Most editors waste 15 to 20 minutes per video designing these cards from scratch in CapCut, and they shouldn't. The fastest workflow is to make the card outside CapCut as a transparent PNG, then drop it in as a one-second import. This guide shows you both paths, the manual one and the import one, and explains when each makes sense.
You'll learn how to add a profile card overlay in CapCut on mobile and desktop, how to animate it, how to keep it sharp at 1080p, and how to reuse it across videos without rebuilding it every time.
| Method | Time per video | Quality at 1080p | Reusable | Animations |
|---|---|---|---|---|
| Manual build in CapCut | 15-20 min first time, 5 min after | Good if text size is right | Yes, as template | Full CapCut animation library |
| PNG import (Carddrop or similar) | Under 1 min | Sharp, no rebuild needed | Yes, drag and drop | Apply CapCut animations on top |
| Stock overlay packs | 2-3 min | Varies, often watermarked | Yes | Pre-animated, hard to edit |
| Plugin or extension | 5-10 min setup | Sharp | Yes | Depends on plugin |
The manual route teaches you how the layers work, so we'll start there.
This is the route most tutorials show. It works, but it's slow the first time and finicky on mobile.
Open your project. Tap Overlay, then Add overlay, then pick any image from your camera roll as a placeholder. You'll replace it. On desktop, drag a rectangle from the shape library onto the timeline.
Mobile CapCut doesn't have a native rectangle shape tool, so most editors export a plain colored square from a notes app or use a transparent PNG of a rounded rectangle. This is where the workflow starts to break for mobile-only editors.
Pinch to scale the rectangle to roughly 25 percent of the screen width. Drag it to the lower-left or lower-right corner, about 10 percent in from the edge. Keep it inside the safe zone on TikTok, because the right-side UI buttons cover anything within 80 pixels of the right edge.
Tap Overlay again and import your circular profile photo. If your photo isn't already cropped to a circle, you'll need to mask it. Use Mask, then Circle, and adjust the size. Place the photo on the left side of the card.
Tap Text, then Add text. Type your handle, for example @yourhandle. Pick a sans-serif font. Inter, SF Pro, or CapCut's default Roboto all work. Set the size so the text is roughly 60 percent of the card's height. Position it next to the profile photo.
If you want a TikTok or Instagram logo on the card, you'll need to import it as a PNG. CapCut doesn't include platform logos in its asset library because of trademark reasons. Search for a transparent PNG of the logo, import it as an overlay, and place it on the card.
On desktop you can right-click and group the layers. On mobile, you'll need to animate each layer separately or use the Compound clip feature in newer CapCut versions. Add a fade-in animation, usually 0.3 seconds, and a fade-out at the end of the clip.
That's the manual build. It works, but you're now managing four to six layers per card.
If you make videos weekly, building this from scratch each time adds up. The next method skips most of it.
This is where the workflow argument from the intro kicks in. If the card is going to look the same in every video, there's no reason to build it inside CapCut every time. Make it once as a transparent PNG, then import.
You have three options for this:
Carddrop is worth mentioning here because it solves the specific friction in the manual method: the platform icons, the consistent sizing, and the export at the right resolution for 1080p video. It's not the only way, and if you already have Figma open it's overkill. For editors who don't want to touch a design tool, it's the path of least resistance.
Save the PNG to your camera roll (mobile) or downloads folder (desktop). In CapCut, tap Overlay, then Add overlay, and select the PNG.
Drag the card to your corner of choice. Because it's a single PNG, you move one layer instead of four. Scale it to taste.
Tap Animation, then In. Pick Fade in or Slide up at around 0.3 seconds. Add a Fade out at the end. Done.
Total time from open to finish: under a minute, assuming you've made the PNG once before.
Now let's talk about what to do when CapCut blurs your card.
Paste any YouTube, TikTok, Instagram or X URL and get a transparent PNG profile card in seconds.
Generate a card →A common complaint is that overlays look soft or pixelated after export. Three reasons this happens:
That covers quality. Now for the question of where the card should actually sit on screen.
Each platform has different UI elements that block parts of the screen. Putting your card in the wrong spot means viewers see half of it.
Treat the card as an addition to the platform's UI, not a fight with it.
The last question most editors have is whether to bother building this themselves or use someone else's template.
CapCut has a template library with pre-made profile card overlays. You can search "profile card" or "handle overlay" and find dozens. Here's the honest tradeoff:
If you post once a month, use a template. If you post weekly or run a channel, build it once and import.
Usually because the source PNG is too small or CapCut's bitrate setting is on the default. Export your PNG at 2x the display size and set CapCut's export bitrate to Higher under 1080p.
Yes. The manual build method works entirely in the free version. You'll just need to import platform logos separately as PNGs since CapCut doesn't include them.
Select the overlay layer, tap Animation, then In. Pick a style like Fade in or Slide up and set the duration to around 0.3 seconds. Add an Out animation at the end of the clip the same way.
Roughly 270 to 320 pixels wide, sitting about 100 pixels from the left edge and 250 to 350 pixels from the bottom. This keeps it inside the safe zone on TikTok, Reels, and Shorts.
Yes. The easiest way is to save it as a transparent PNG once and import it into every new project. You can also save it as a CapCut template, but the PNG method works across any editor, not just CapCut.