Motion Text
A word on a soft gradient pill that springs up into place. Five colour presets, no fonts to load.
texttitlegradient
Usage
Installation
npx shadcn@latest add https://remotionui.dev/r/motion-text.jsonCopies the composition to components/remotion/motion-text.tsx and installs remotion, zod if missing. No UI library required.
Props
| Prop | Default | Description |
|---|---|---|
| textstring | "TEXT" | The word to show. |
| colorstring | "#022c22" | Text colour over the pill. |
| variant"macha" | "ocean" | "sunset" | "midnight" | "rose" | "macha" | Gradient preset for the pill. |
| animation"scale-up" | "none" | "scale-up" | Spring the word into place, or hold it still. |
| fontFamilystring | "system-ui, sans-serif" | Font stack to render with. |