# Status Cycle: Status Badge Animation

A sentence ends in a status pill that rolls through each state and springs to fit the label. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/status-cycle

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-status-cycle.mp4?v=31eb7e57d3

A centered line of text with a status pill at the end whose label rolls up through a list of states, with tag chips stacking in around it.

- Framework: Remotion
- Category: Product Demos
- Duration: 7 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/status-cycle

The scene opens on a light page as a short line of text appears with a rounded status pill at its end. The pill label then rolls up to the next state behind a clean edge, and the pill stretches slightly past its new width before springing back, while the whole line recenters around it. Rows of outlined tag chips can stack into view one after another. The cycle runs about six and a half seconds.

You can write the prefix text, the list of statuses and the chip labels, then color the field, page, pill, pill label, prefix and chips. Font weight and size are set separately for the line and the chips. Timing controls cover the intro, how long each status holds, chip stagger, pill position and start time. It fits release notes, build status updates and feature lists in product demos.

## Use it for

- Build and deploy status updates
- Feature lists in product demos
- Release note highlights

## What you can change

- `speed`: Playback speed (Number)
- `prefix`: Prefix text (Text)
- `statuses`: Status labels (Text)
- `chips`: Chip labels (Text)
- `fieldColor`: Field color (Color)
- `pageColor`: Page color (Color)
- `pillColor`: Pill color (Color)
- `pillLabelColor`: Pill text color (Color)
- `prefixColor`: Prefix text color (Color)
- `chipFills`: Chip fill colors (Color)
- `chipTextColor`: Chip text color (Color)
- `chipBorderColor`: Chip border color (Color)
- `fontWeight`: Font weight (Text)
- `chipFontWeight`: Chip font weight (Text)
- `fontSize`: Text size (Number)
- `chipFontSize`: Chip text size (Number)
- `introFrames`: Intro length (Number)
- `statusHold`: Hold per status (Number)
- `chipStagger`: Delay between chips (Number)
- `pillCenterY`: Pill vertical position (Number)
- `startAt`: Start time (Number)
- `fontFamily`: Font (Text)
- `stageBackground`: Background around the scene (Text)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Status Cycle and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Status Cycle from snapcn: https://snapcn.dev