Ring Meter
Progress ring animation: a ring sweeps round to a percentage while the number counts up in its centre, then a caption settles under it.
- Length
- 90 frames, 3.0s at 30 fps
- Film beat
- Prove it
- Frame
- 1920 by 1080
Install it
npx shadcn@latest add https://better-design.com/registry/video/ring-meter.jsonPass your product's colours through the theme prop, and its own copy and pictures through the other props.