Commerce

Trending Now

A trend line drawing up across a grid until it bursts at the top, with the rank, the context and the button following it.

Duration
4s
Frame
1080 × 1920
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Trending Now animation

The bestseller card for a product with a number behind it: a category rank, a units figure, a week it spent at the top. The body line is where the claim gets its footing — in Home & Living beats trending everywhere, because the narrower claim is the one that can be true. It ships without a colour field, since the accent is the button and the burst behind the arrow at once and recolouring only the button would leave the burst answering a colour that has gone.

Where it fits

  • As the bestseller card for a product with a number behind it.
  • On a category rank post.
  • In a Story after a big sales day.

Filling it in

The body line is where the claim gets its footing: in Home & Living, 3,400 sold today beats trending everywhere, because the narrower claim is the one that can be true. The headline is the rank and the kicker the moment. There is no colour field because the accent is the button and the burst together.

Format and timing

Trending Now is built at 1080 × 1920, a 9:16 portrait frame, the shape Reels, TikTok, Shorts and Stories fill from edge to edge, and runs 4 seconds at 30 frames per second. It arrives in 2.0 seconds, holds for 1.2 and clears in 0.8, so cue it a beat before the moment it labels. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K, and the free plan exports at 720p with a watermark.

What you can edit

  • Kickertext
  • Headlinetext
  • Bodytext
  • Buttontext

Questions about Trending Now

Why no colour option?

The button and the burst behind the arrow share one accent. Recolouring only the button would leave the burst answering a colour that has gone, so the card ships without a field.

Does the trend line reflect real sales?

No. It draws up across the grid and bursts at the top as a gesture. The body line carries the real figure.

More commerce animations