Motionz

Logo Pill

A brand set inline in a caption: the pill pops, the disc spins in, the name unblurs.

remotion

Installation

Terminal
npx shadcn@latest add https://motionz.dev/r/logo-pill.json

Props

NameTypeDefaultDescription
nameReactNode–The name after the disc, in the caption's own type.
atnumber–Frame the pill pops open.
srcstring–Image URL for the mark, e.g. staticFile("logos/acme.svg").
iconReactNode–Any node for the mark instead of an image.
badgestringfirst two lettersLetters for the fallback badge.
backgroundstring"#e8e8ed"Pill colour.
discstring"#fff"Disc colour behind the mark.