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.

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.

Animations here
23
In the library
207
Export
MP4, GIF, MOV (alpha)
Frame rate
24, 30 or 60 fps
Resolution
720p to 4K
Editing
In the browser

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.

Show the interface honestly

Empty states, errors, uploads and search results. The parts of a product a demo usually skips, and the parts that build trust when you show them anyway.

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.

How to make a product launch animation

  1. 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.

  2. 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.

  3. 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 recordingA transparent MOV composites onto a product demo, so a callout lands on the interface instead of covering it with a card.
  • GIF for the changelogA changelog entry, a docs page or a release email animates a GIF where it will not play a video.
  • Square for LinkedInThe one place a B2B launch post actually lands. Preview at 1:1 before exporting rather than cropping afterwards.
  • Editable by whoever is shippingThe 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 are saved to an account and paid plans allow an unlimited number, so a team can keep a kit per product or per campaign and open the right one when they start.

The shelves this page draws from

Not quite you?