For ecommerce brands

Animations for ecommerce brands

Flash sales, discount codes, price drops, reviews and social proof. The small, frequent assets a shop actually posts.

Start free Browse all 342 animations

Flash SaleLive

In short

CaliberVisual is a browser-based animation library for online shops. You pick an animation such as a flash-sale banner, a discount code, a price drop, a five-star review or a just-bought notice, set your own copy and brand colours, or connect a Shopify or WooCommerce storefront and let the library fill the product, the price and the reduction in from your own catalogue, then export MP4 for a paid social placement, GIF for an email, or a transparent MOV to lay over product footage. It replaces the round trip to a designer for the small, frequent assets a shop posts every week and needs by Thursday.

Try it with your store

Paste your store address. See your products here.

Reads the public catalogue, nothing else. No account yet, no keys, nothing written to the store.

162
Animations here: 342
In the library: MP4, GIF, MOV
Export: 24 · 30 · 60 fps
Frame rate: 720p to 4K
Resolution: In the browser
Editing

What ecommerce brands put on screen

Sales with a clock on them

Urgency is the thing motion does that a static graphic cannot. A countdown that is actually counting down, a code that lands, stock that is visibly draining while somebody watches it.

The product, in three seconds

The top of a paid placement, where a shopper decides whether to keep watching. The product on screen fast, the problem it solves named, the detail shot that makes it look worth the money.

The product, priced

What the thing costs, what it used to cost, what it comes with. These are the assets that carry a catalogue post rather than a brand post.

Proof somebody else already bought it

Reviews, star breakdowns, purchase notices and pulled quotes. The least glamorous animations in the library and, on a product page or a paid placement, usually the ones that move the number.

The drop, and the queue for it

A launch is a different job to a sale: nothing is discounted, so the post has to carry the thing itself. Colourways, the full look, and the list people join before it opens.

Reasons to finish the checkout

The last objections: postage, how many steps are left, what could be added for a little more, and where the parcel is once the money has gone.

How to make an animated sale banner for a shop

01
Pick the offer you are running
A flash sale, a discount code, a price drop, a countdown, a review card. Each one is built around the number a shopper is looking for.
02
Set your copy and your brand colours
Type in the product, the price and the code, then apply your brand kit so the asset sits next to your others in a feed without clashing.
03
Export for where it is going
MP4 for paid social and site banners, GIF for the email, MOV with alpha if it is laying over product footage.

How these land in your workflow

Feed, story and square
Preview at 16:9, 1:1 and 9:16 before you export, so a story asset is not a feed asset with the top and bottom guessed at.
GIF for email
The one format an email client will actually animate. A moving discount code in a campaign is a GIF, not a video.
MOV over product footage
A real alpha channel, so a price tag or a badge sits on the product shot instead of in a box beside it.
Re-export per campaign
The copy is a field. Twenty percent becomes thirty, the code changes, the deadline moves. Reopen, edit, export.
Your catalogue, read in
Connect a Shopify or WooCommerce store by address and the library lists your products and your live reductions, so an animation opens with the product, the old price and the new one already in it rather than retyped.
Your product shots, inside the animation
Media slots take the photography you already paid for. The animation moves around your product rather than around a stock image of somebody else's.
Enough variants to actually test
A paid placement is won by the fourth version, not the first. Three hooks over the same product at the price of retyping a line is the difference between testing creative and shipping one asset and hoping.

Questions ecommerce brands ask

Can I put one of these in an email campaign?

Yes, by exporting GIF. Email clients will not play a video inline but they will animate a GIF, which is why a moving discount code in a campaign is always a GIF. Keep it short and it stays small enough not to hurt delivery.

Does this work with Shopify?

Yes, in two ways. Connect a Shopify or WooCommerce storefront with its web address and the ecommerce library lists your products and whatever is currently reduced; opening a row starts an animation with that product's name, price and photo already in it, and a read-only API key on top brings in your coupon codes. The connection is read-only and no app is installed. Separately, the exports are ordinary files: an MP4 uploads to a Shopify banner or a product page section, a GIF goes in the email, and both go straight into Meta or TikTok ads.

I need the same asset for twelve products. How bad is that?

It is a text field and an export each time. Open the animation, change the product name and price, export, repeat. The layout absorbs different lengths of copy, which is the part that usually breaks a duplicated template.

Will these use my brand colours and font?

Yes. Save a brand kit once and it recolours and retypes any animation you open. That matters more here than anywhere else, because a shop's assets sit next to each other in a feed, where a mismatched accent colour is the first thing a customer notices.

Can I use the exports in paid ads?

Yes. Exports are yours to run as paid media, including on behalf of a client. There is no per-use licence and nothing to clear.

What sizes do Meta and TikTok ads need?

9:16 for Reels, Stories and TikTok, 1:1 or 4:5 for the feed. Preview at the ratio you are placing at before you export, because a square asset stretched to fill a vertical placement is the most common reason a shop's ad looks cheaper than its product.

Can I get a week of Black Friday assets out of this?

That is the case it is built for. A peak week is one offer said fifteen ways: the teaser, the launch, the code, the stock warning, the last-hours countdown, the extension. Each of those is an existing animation with your copy in it rather than a new brief.

How is this different from hiring an editor for our ad creative?

An editor makes the asset nobody else could. This makes the forty you need anyway: the price change, the restock, the third hook for the test that is already running. Most shops are not short of ideas for creative, they are short of the throughput to ship them the same week.