social media

Neobrutalist Discord Invite Animation

About this asset

A stylized Discord invite card with a floating entrance, interactive cursor click, and celebratory particle sparks. Perfect for community building and gaming content.

Technical Details

1080x1080
5s
0 likes

Live Configuration Preview

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

Text Content

Initial teaser text directing users to the link

Name of the Discord server displayed on the invite card

Initial text displayed on the CTA button

Text displayed on the button after the click animation occurs

Auto-derived from the latest iterated component.

Auto-derived from the latest iterated component.

Colors

Background color of the invite card

Accent color used for the logo and the initial Join button state

Color of the button in its clicked 'Joined' state

Color of borders, shadows, and dark text content

Layout

Width of the central invite card in pixels

320800

Size of the server name typography

1648

Size of the button text

1436

Border & Shadow

Corner roundness of the card and elements

040

Thickness of the crisp neobrutalist borders

08

Offset distance for the solid block shadow effect

020

Toggle the crisp, non-blurry neobrutalist offset shadows

Toggle the flat desktop cursor that performs the click action

Toggle subtle vector splash sparks when the button changes to 'Joined'

Motion

Ready to use your customized asset?

Sign up to save this configured asset to your workspace, generate your high-quality video, and download it for free!

Export to WebM or ProRes True alpha transparency Store unlimited assets

How to use this asset and frequently asked questions

Shared
How to use this asset+

This 1080x1080 transparent video asset is 5 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.

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, all community assets on Video Effect Vibe are free to download and use in your video projects.

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?

This asset supports WebM with alpha channel and ProRes 4444. Both include true transparency for clean compositing in your timeline.

More Social Media Assets

Back to Community Assets