AI CSS Animations

Guides · · Maxwell Prehoda

14 Social Media Motion Graphics Examples, From Spotify Wrapped to Posts Made in Five Minutes

Social media motion graphics work when they are built for the feed, not cut down from something else: vertical or square, readable with the sound off, with the point made in the first second or two and a loop or a last frame worth pausing on. The brands that win on social make formats people want to share, like Spotify Wrapped, or characters people follow, like Duolingo's owl.

Below are fourteen examples: two brand campaigns everyone knows, nine recent posts creators made with Claude and shared publicly (credited and linked from our Motion Prompts directory, with their previews), and three of our own studio prompts for the formats SaaS teams post most. Each one is labelled with the job it suits and the trap to avoid.

1. Spotify Wrapped: data people want to share: Best for year-in-review and personal stats campaigns

Platform: In-app story format, shared to Instagram and beyond

Year in Review Story. See the prompt →

Wrapped has run every December since 2016, and in 2019 Spotify switched it to a format modelled on social media stories: a series of full-screen cards, with the last one inviting you to share the earlier ones. That one decision turned a feature into the biggest social campaign of the year, because the motion graphics are made from each user's own data.

The lesson is that the most shareable motion is personal. Bold flat colour, huge numbers and one fact per card make each screen work as a standalone post, and the story format means people post them without being asked.

Our Year in Review Story studio prompt below is our own take on the format: five phone story cards for a fictional listener's year in music, cut on a 120 BPM beat.

Watch out for: Personal data cards only work if the data is right and flattering enough to share. Test with real accounts at both extremes, the heavy user and the person with almost no activity.

2. Duolingo: a mascot that carries the feed: Best for consumer brands with a character

Platform: Character-led TikTok and Instagram content

Duolingo's social accounts were, as Wikipedia puts it, described as models of success in marketing, and the green owl Duo is the reason. The company invested in the character's animation: in October 2022 it acquired Gunner, a Detroit studio that had been a long-time design and animation partner, producing graphics and animations for Duolingo and its marketing.

In February 2025 it ran a stunt announcing Duo had died after being hit by a Tesla Cybertruck, with users earning 50 billion experience points together to bring him back, and a video of his return. A character people care about can carry an entire campaign.

The other half of the story is a warning: in May 2025, after a backlash over the company's AI push flooded its comments, Duolingo took down all its TikTok and Instagram videos for a time.

Watch out for: A character voice that works for jokes can turn against you when the news is serious. Decide in advance what the mascot does and does not comment on.

3. Lightspark Social Promo by David Marcus: Best for founders posting their own product promos

Platform: Made with Claude Opus 5.5, about five minutes

Lightspark Social Promo
Lightspark Social Promo. See the prompt →

A short, modern social video with sound promoting Lightspark's capabilities, made one-shot in about five minutes, according to David Marcus's post. He notes Claude already knew a lot about the business from earlier conversations.

That is the shift for small teams: a social promo no longer needs a brief, an agency and two weeks. The context the model already has about your product is the brief.

Five minutes is also a reason to make several. Generate three, post the best, and keep the others for later in the week.

Watch out for: Fast one-shot videos tend to look alike. Give it one specific constraint, a palette, a typeface or a reference post, so it looks like your brand and not like everyone's.

Our listing →

4. Festival Lineup Promo Reel by GonMac: Best for event, venue and lineup announcements

Platform: Made with Claude Opus 5.5 from one image

Festival Lineup Promo Reel
Festival Lineup Promo Reel. See the prompt →

A 10-second ad-style reel built from a festival lineup image the creator got by email, made in under a minute. The prompt is simply: attach the image whose information you want promoted.

Event marketing is mostly turning a static poster into motion, and this shows how direct that has become: the model reads the names, dates and hierarchy from the image and sequences them.

Ten seconds is right for the format. A lineup reel needs the headliners, the date and the place, and nothing else.

Watch out for: Models can misread small type on a poster. Check every name and date against the original before posting; a misspelt artist is worse than no reel.

Our listing →

5. Chaotic LLM POV Video by klöss: Best for TikTok and Reels that ride a fast, meme-like format

Platform: Vertical 9:16, generated in Python and rendered with ffmpeg

Chaotic LLM POV Video
Chaotic LLM POV Video. See the prompt →

A vertical 9:16 "brain rot" style video with rapid kinetic type and sound design, told from the point of view of a creative LLM in daily use. It was generated in Python and rendered with ffmpeg.

It shows that native vertical formats are a style, not just an aspect ratio. Rapid type, a first-person point of view and sound design built for phone speakers read as made for the feed.

Use this kind of piece when the platform's own culture is the reference; it would look out of place on LinkedIn.

Watch out for: Very fast cuts and flashing type can be hard to read and uncomfortable for some viewers. Keep any flashing well under three times per second.

Our listing →

6. Talking Head to Line-Art Explainer by Axton: Best for creators who post talking-head clips

Platform: Vertical explainer, made with Claude Opus 5.5

Talking Head to Line-Art Explainer
Talking Head to Line-Art Explainer. See the prompt →

Turns a talking-head clip into a vertical explainer: the speaker shrinks to a circular picture-in-picture while hand-drawn line-art B-roll illustrates each concept as it is said, with the original audio and captions untouched.

Most social video is someone talking. The fastest way to add motion graphics is not to replace the speaker but to illustrate them, so the graphics follow the words.

Keeping the audio and captions untouched is the right call: they are what people trust, and the drawings only support them.

Watch out for: Illustrations timed to the script fall apart if you re-edit the talk afterwards. Lock the edit first, then generate the graphics.

Our listing →

7. Synced Lyrics Motion Video by Sam Aoteman: Best for musicians and labels promoting a release

Platform: Made with Claude Opus 5.5 at max effort

Synced Lyrics Motion Video
Synced Lyrics Motion Video. See the prompt →

A lyrics motion graphics video built on an attached song, with words and animation synced to the vocals and beat in a showreel style. It was made at max effort, and you supply your own track.

Lyric videos are one of the most reliable social formats for music because they work with the sound on and still communicate with it off: the words are the content.

Cut a 15 to 30 second section around the hook for Reels and TikTok rather than posting the whole song.

Watch out for: Only use music you have the rights to post. Platforms mute or remove videos with unlicensed tracks, however good the motion is.

Our listing →

8. Stickman vs the Clock by Koldo Huici: Best for loopable square posts that reward rewatching

Platform: 15-second square loop, made with Claude Opus 5.5

Stickman vs the Clock
Stickman vs the Clock. See the prompt →

A 15-second square loop: a monoline stick figure lives on an alarm-clock face and fights the red second hand. Black ink on cream paper, red reserved for time, and sound synthesised in code.

Two things make it social-ready. It loops, so it plays again without a visible restart, which feeds rewatches. And it is restrained: one accent colour with one meaning, which reads instantly at feed size.

Square suits feeds where both portrait and landscape viewers will see the post, including LinkedIn and X.

Watch out for: A seamless loop needs the last frame to match the first exactly. Check the join at full speed, since a single-frame jump is very visible on repeat.

Our listing →

9. Build the Floor Kinetic Speech by Gadgetify: Best for quote posts and spoken-word clips

Platform: 20-second square film in a single HTML file

Build the Floor Kinetic Speech
Build the Floor Kinetic Speech. See the prompt →

A 20-second square spoken-word film where words become architecture: WAIT as a lintel, VOICE as a support, FLOOR as a platform, in deep green, paper and gold. It is a single HTML file with a deterministic `seek(t)` renderer that loops seamlessly.

Quote posts are some of the most shared content on LinkedIn and Instagram, and kinetic type turns a quote into something people stop for. Making the words do something physical, here holding each other up, is what lifts it above text sliding in.

The deterministic renderer matters for production: every frame is a function of time, so you can render it at any size or frame rate and it always looks the same.

Watch out for: Kinetic quotes only work if the words can be read at the speed they move. Hold each key word long enough to read twice.

Our listing →

10. EyezOn 100 Users Thank-You by Sudiyasa: Best for milestone and thank-you posts

Platform: 15-second kinetic type, made with Claude Opus 5.5

EyezOn 100 Users Thank-You
EyezOn 100 Users Thank-You. See the prompt →

A 15-second kinetic-type thank-you to the first 100 users of the EyezOn bot, with shape animation and music, made from the popular showreel prompt with a thank-you line added.

Milestone posts are an easy win on social: they are good news, they thank the people most likely to share, and they show momentum. A short motion piece makes the number feel like an event.

Reusing a known prompt with one line changed is also a smart workflow: you start from something that already works and only add what is yours.

Watch out for: Celebrating small numbers is fine, but say exactly what the number is. "100 users" and "100 paying customers" are different claims.

Our listing →

11. Fast-Cut Claude Brand Ad by Leon Lin: Best for polished paid social ads

Platform: 10 to 15 second ad, made with Claude Opus 5.5

Fast-Cut Claude Brand Ad
Fast-Cut Claude Brand Ad. See the prompt →

A 10 to 15 second light-mode ad for Claude: researched brand assets and photos with painted elements on top, morphing text, SVG and 3D moves and fast zooms, ending on the logo. It needs a short reference edit attached, and the run took about 10 hours.

This is the high end of what people are making: a reference edit sets the rhythm, real brand assets set the look, and the model does the craft in between.

The 10-hour run is the honest trade-off. Fast one-shot posts are for volume; ad creative that has to perform with paid spend deserves the long run and a human review.

Watch out for: Ads that use another company's brand, as this personal piece does with Claude's, are fine as portfolio work but need permission before running as paid media.

Our listing →

12. Our Feature Drop Social Card: Best for announcing one new feature on LinkedIn and X

Platform: Motion Prompts studio prompt, CC0, with video Ours

New Feature Announcement Card. See the prompt →

The post SaaS teams make most: a "New" pill and the feature name set big, a product screenshot that slides in, and a cursor that uses the feature, in this case setting a task to repeat weekly, checking it off and watching next week's copy appear.

It shows the feature working instead of describing it, which is what makes a product post worth watching. The rendered video below is from our studio prompt; swap in your screenshot and feature name.

Build your version in our Animation Studio, where you can scrub the timeline, tune the cursor's timing and export MP4 or GIF for each platform.

Watch out for: A real screenshot can contain real customer data. Use a demo account for every product shot you post.

13. Our Launch Week Day Cards: Best for a week of daily announcement posts

Platform: Motion Prompts studio prompt, CC0, with video Ours

Launch Week Announcement. See the prompt →

Five face-down day cards deal onto a dark stage and flip one by one, Monday to Friday, each turning a bold flat colour to reveal that day's feature with a line illustration that draws itself.

Launch weeks are a series, so the motion should be a system: one opener that teases all five days, then a card per day that reuses the same flip. Viewers learn the format by Tuesday.

The video below shows the full deal; for daily posts, cut one card each day and pin the opener.

Watch out for: Do not reveal Friday's feature in Monday's teaser by accident. Keep the face-down cards genuinely blank until their day.

14. Our Infinite Marquee Bands: Best for bold brand statements and campaign openers

Platform: Motion Prompts studio prompt, CC0, with video Ours

Infinite Marquee Bands. See the prompt →

Five diagonal ticker bands of condensed caps and Didone italics cross a signal-red ground, scrolling in alternating directions, until one band slows, levels out and stops with a single word dead centre as the others slide away.

Marquees are a strong feed format because they move before anyone has decided to watch, and the stop gives the post a clear last frame to pause on. Change the word and colours and it becomes a campaign opener.

Like all our studio prompts, it is CC0 with the rendered video below.

Watch out for: Diagonal scrolling text across the whole frame is a lot of motion. Keep it short, end on a still frame, and make sure the key word is readable without the animation.

How to choose a social motion format

Pick by the platform, the job and the time you have.

Match it to the platform

TikTok and Reels: vertical 9:16, native styles like the LLM POV video, music with the rights cleared. LinkedIn and X: square or landscape, readable silent, product posts like our Feature Drop card and quote films like Build the Floor. Every platform: the point in the first two seconds and a last frame worth pausing on.

Match it to the job

Make people share: personal data, Wrapped-style. Build a following: a character, as Duolingo did. Announce: a feature card or a launch-week series. Celebrate: a milestone thank-you. Promote an event: a lineup reel from the poster. Explain: illustrate a talking-head clip rather than replacing it.

Match it to your time

Five minutes: a one-shot prompt like David Marcus's, with context the model already has. An afternoon: one of our CC0 studio prompts, adapted in our Studio. A paid campaign: a long run with a reference edit, as Leon Lin's ad took, and a human review before spend.

Post one this week

Pick one thing worth announcing this week, a feature, a milestone, an event or a quote, and one format from this list. Make it square or vertical, make the first two seconds say the point, check every word and number, and post it. Then make the next one faster by reusing the same structure.

For more formats, browse the credited pieces in our Motion Prompts directory and the inspiration board, motion made for you and Claude. To build yours, describe the post in our Studio and export a file for each platform.

A prompt to start from
Make a 12-second square (1080x1080) social post announcing [feature name].
Seconds 0 to 2: the feature name set huge with a small "New" pill.
Seconds 2 to 9: a product screenshot slides in and a cursor uses the feature once.
Seconds 9 to 12: hold a clean end card with the product name and URL.
Readable with the sound off, brand colours only, no flashing, and make the last frame work as a still.

Build a scene in the Studio →

Common questions

What are social media motion graphics?

Short animated graphics made for social feeds: animated announcements, kinetic quote posts, data stories, lyric videos, ads and explainers. They are usually vertical or square, readable with the sound off, and make their point in the first couple of seconds.

How long should a social media motion graphic be?

Usually 6 to 30 seconds. Many of the examples here are 10 to 20 seconds. Put the point in the first two seconds and end on a frame that works as a still, since many people see only part of the video.

What size should social media videos be?

Vertical 9:16 for TikTok, Reels and Stories, and square 1:1 or landscape for feeds like LinkedIn and X. Check each platform's current specifications before a paid campaign, as they change.

Can AI make social media motion graphics?

Yes. Creators have made social posts with Claude in minutes, such as David Marcus's Lightspark promo in about five minutes and GonMac's lineup reel in under one, while polished ads like Leon Lin's took hours. Always check text, numbers and rights before posting.

Sources