Motion Element
Step Counter Rings
Numbered discs on white bezels whose rings sweep closed one after another. A progress counter that sits over your face.
Create in your browser. Start for free.
What Is the Step Rings?
A row of two to six numbered badges, each a white bezel with a groove, a gradient ring and a domed inner disc with the number drawn over a white keyline. As you work through a list, each ring sweeps closed and its number lights up in the accent. Unlike the list cards in this family, there is no text on the badges beyond the numbers, which is the point: it is a counter that sits over your face in a talking-head shot rather than a card that covers it. Use it to keep count while you talk through points, steps or a countdown, and let your voice carry the content.
How It Works
The badges pop in together at the start, then each ring sweeps clockwise to closed in sequence with a short overlap onto the previous one, so the row reads as a continuous progression rather than a series of separate events. As each ring completes, its number transitions from muted to the accent colour. How many rings are closed is a setting, so multiple instances on the timeline let you advance the counter at exact frames.
Best For
- -Counting points as you make them on camera
- -Step-by-step tutorials with a visible position
- -Top three and top five countdowns
- -Habit and streak trackers
- -Any talking-head list where a card would cover your face
Best Platforms for Step Rings
TikTok
Talking-head list videos dominate the format and a full card blocks the speaker. A thin row of badges near the top or bottom of the frame keeps the count visible without hiding the person delivering it.
Instagram Reels
Reels are often shot vertically with the speaker centred. A horizontal badge row fits the dead space above or below the face, which is exactly where a viewer's eye rests between sentences.
A counter, not a card: where to place it in frame
This element exists because the other sequence elements in the family are cards, and a card over a talking head either covers the speaker or forces them to the edge of frame. Step rings are a single horizontal row with no surface behind them, so they sit in the band above the head or below the chin without occluding anything. In a nine by sixteen shot, the area under a centred speaker is usually the safest, since platform interface elements crowd the top. Keep the badge size modest: the numbers only need to be readable, not dominant, because their job is to answer where are we in the list rather than to be the subject of the frame.
Advancing the count in time with your delivery
How many rings are closed is a setting rather than an automatic timer, which means the counter can move exactly when you say the next point. Place the element several times on the timeline, each instance with one more ring closed, and cut at the frames where your delivery moves on. The rings sweep on arrival, so each cut plays a sweep rather than a jump. If your delivery is evenly paced, a single instance with an even sweep speed is simpler and looks identical. The starting number is also a control, so a video that continues a list from a previous part can begin at four rather than resetting to one.
How many rings can I show at once?
Two to six badges. Six still read clearly across a vertical frame; beyond that they shrink and the numbers become hard to make out at scroll speed, which defeats the purpose of a counter that is meant to be glanced at rather than studied.
Can the rings start at a number other than one?
Yes, the starting number is a setting. That is useful for multi-part videos where the list continues from a previous episode, so the count picks up at four or seven rather than resetting to one and confusing anyone who watched part one.
Can I put text on the badges?
No, the badges carry numbers only. That is deliberate: the element is a counter designed to stay small over footage. For text alongside each step, use the points list card or the timeline steps card.
Do all the rings sweep at once?
No, they sweep in sequence with a short overlap, so the row progresses left to right. That overlap is what makes it read as one movement rather than several disconnected animations.
Your next video starts here
Create a Free Step Rings Motion Element
Beautiful captions. Your words, your style.
Keep exploring