For SaaS and product teams

Animations for SaaS and product teams

Release notes, interface states, revenue cards and launch frames, made by whoever is shipping rather than by a design ticket.

Start free Browse all 342 animations

Notification GroupLive

In short

CaliberVisual is a browser-based animation library for product marketing: release notes, feature announcements, interface states, MRR and runway cards, testimonials and launch frames. A product manager or a marketer edits the copy and colours in the browser and exports a transparent MOV to sit over a screen recording, or an MP4 for a changelog post. No design ticket, no motion brief, no waiting on a queue for an asset that is needed the same day.

107
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 SaaS and product teams put on screen

Ship the changelog

A feature is only shipped once somebody outside the team knows. These carry a release note as something people will actually look at, rather than a bullet in a list.

Notification Group3s

The numbers a board deck shows

Recurring revenue, runway, splits and a line going up. Useful in an investor update, a hiring post or a build-in-public thread, and much faster than styling a chart.

Proof and pricing

What customers said, what the tiers cost, how you compare. The assets a marketing site has and a social account never quite gets round to making.

Launch frames for social

Full-frame pieces that carry a post on their own. A device mock, a grid of features, a headline that splits, a title that moves.

Bento Grid4s

How to make a product launch animation

01
Pick the frame for the announcement
A launch card, a notification stack, a device mock or a feature grid, depending on whether you are shipping a feature or a whole release.
02
Write the release note into it
The copy is a set of text fields, so the person writing the note makes the asset. Apply the brand kit for colours, typeface and logo.
03
Export for the channel
GIF for a changelog entry or a release email, MP4 for social, MOV with alpha when it is going over a product demo.

How these land in your workflow

Over a screen recording
A transparent MOV composites onto a product demo, so a callout lands on the interface instead of covering it with a card.
GIF for the changelog
A changelog entry, a docs page or a release email animates a GIF where it will not play a video.
Square for LinkedIn
The one place a B2B launch post actually lands. Preview at 1:1 before exporting rather than cropping afterwards.
Editable by whoever is shipping
The copy is a set of text fields, so the person writing the release note is the person who makes the asset.

Questions SaaS and product teams ask

Can a non-designer make these?

That is the point of the format. The controls are text fields, colour swatches and a font picker rather than a timeline, so the person writing the release note can produce the asset in the time it would take to file a ticket for one.

Can I put an animation over a product demo?

Yes. Export MOV and place it above your screen recording. The transparent areas stay transparent, so a callout or a toast lands on the interface rather than obscuring it.

What format does a changelog or docs page want?

GIF in most cases, because a changelog entry and a release email will animate one where they will not play a video. MP4 for anywhere that embeds video properly, and MOV when it is going into an edit.

Will these match our design system?

As far as colours, typeface and logo go, yes: a brand kit applies all three to any animation. They are not a component library, so a pixel-exact reproduction of your interface is not what this is. An honest, well-made stand-in is.

Can several people on the team share one set of brand kits?

Brand kits belong to an account. Pro includes 3 kits, Studio includes 10, and Business includes unlimited kits. Shared team workspaces and approval flows are not included.