social media

Youtube Like & Dislike Interaction Pill Editable

Free social media asset, editable in your browser

  • 1 free download/day · With a watermark
  • Editable text, colors & timing
  • WebM + ProRes 4444
  • True alpha transparency

An interactive social media pill featuring a thumbs-up click animation, particle burst, and counter update. Ideal for engaging call-to-action segments in YouTube and social content.

Technical Details

1080x1080
3s
Used 18×

Live Configuration Preview

Try customizing this asset. Changes will update the preview instantly.

Text Content

The starting counter value before the click animation.

09999999

Colors

The fill color of the main segmented capsule pill.

Color for the icons, divider, and counter digits.

Fill color of the like icon after the click animation.

Layout

Toggle the display of the numeric like count inside the pill.

Font size in pixels for the like counter text.

1664

Size in pixels of thumbs up and thumbs down icons.

2072

Spacing

Internal horizontal padding inside the pill.

1672

Internal vertical padding inside the pill.

840

Border & Shadow

Motion

Toggle radial burst confetti and sparks when clicked.

Duration in frames of the smooth pop-up entrance.

645

Ready to use your customized asset?

Sign up to save this configured asset to your workspace and use your free daily download with a watermark.

Export to WebM or ProRes True alpha transparency Store unlimited assets Editable DaVinci Resolve title

How to use this asset and frequently asked questions

Free to customize and download

This social media asset is free to add to your workspace and free to edit — adjust its text, colors, timing and layout before you export. Free accounts include one free render per day with a watermark. Export ProRes 4444 for the widest professional editor compatibility, or WebM for OBS and web use. Transparent WebM can show glow or shadow artifacts in CapCut. No AI tokens are required for the daily Community render.

New

Use it as an editable DaVinci Resolve title

Export this asset as a .drfx template for DaVinci Resolve 21+ on macOS and Windows, instead of a rendered clip. These settings become controls in the Resolve Inspector, so you can change them for each video without rendering again:

  • Show Counter
  • Initial Count
  • Counter Font Size
  • Pill Background Color
  • Icon & Text Color
  • Liked Active Color
  • Particle Primary Color
  • Horizontal Padding
  • Vertical Padding
  • Icon Size
  • Corner Radius
  • Enable Click Particles
  • Entrance Frames
  • Click Action Frame
  • Enable Drop Shadow

Add the asset to your workspace and choose DaVinci on its card. The editable export is a one-time unlock of 15 tokens (5 for your own assets); downloading it again is free. If the asset can't be packaged as a Resolve title, the export stops before any tokens are charged.

Shared
How to use this asset+

This 1080x1080 transparent video asset is 3 seconds long and exports in WebM (with alpha channel) and ProRes 4444 formats.

Premiere Pro: Use the Essential Graphics panel to swap out placeholder text with your actual handles. Place the clip on V2 and keyframe opacity for fade in/out.

DaVinci Resolve: Drop on a track above footage in the Edit page. Use the Fusion page to replace text nodes if needed, or Inspector > Text for simple replacements.

Final Cut Pro: Add above your primary storyline. Click the clip in the timeline to reveal text parameters in the Inspector and replace placeholder handles.

CapCut: Add as an overlay. Tap the text element in the overlay to edit handles directly on the canvas.

OBS Studio: Add as a Browser Source if you need dynamic handle updates, or use a Media Source for a pre-rendered static animation with your handles baked in. OBS supports WebM with alpha natively, so use the WebM export here — it keeps the file size far smaller than ProRes 4444 while preserving full transparency.

Tips

  • Match your platform brand colors — use Instagram gradient for Instagram handles, Twitter/X blue for X, etc.
  • Keep handles readable at mobile viewing size (at least 18px equivalent). Test on your phone before publishing.
  • Include icons alongside the handle text for faster platform recognition, especially when viewers are watching on mobile.
Frequently asked questions+

Can I show handles for multiple platforms in one animation?

Yes — many templates cycle through platforms. Use the workspace editor to set each handle before rendering.

What size should social media overlays be for Stories?

Use a 1080x1920 canvas and keep overlays within the safe zone (center 75% of frame width) to avoid being cropped by the platform UI.

Is this asset free to use?

Yes. You can add and customize community assets for free, then download one rendered WebM or ProRes 4444 clip per day with a watermark to use in your video projects. Exporting an asset as an editable DaVinci Resolve title is a separate paid unlock.

Can I customize this asset?

Use the live configuration above to preview changes, then sign up for a free account to add this asset to your workspace. From there you can edit colors, text, timing, and other properties before rendering.

What formats are available?

Rendered clips are available as WebM with alpha channel and ProRes 4444. Both include true transparency for clean compositing in your timeline. Assets with supported text, color, number and on/off settings can also be exported as editable DaVinci Resolve 21+ titles (.drfx).

More Social Media Assets

Back to Community Assets