Components

Video Text

Text with video background mask effect.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/video-text.json

Examples

Default

Loading

API Reference

Prop	Type	Default
`src`	~~string \| string[]~~
`children`	~~ReactNode~~
`className`	~~string~~
`autoPlay`	~~boolean~~	~~true~~
`muted`	~~boolean~~	~~true~~
`loop`	~~boolean~~	~~true~~
`preload`	~~enum~~	~~"auto"~~
`fontSize`	~~string \| number~~	~~"20vw"~~
`fontWeight`	~~string \| number~~	~~"bold"~~
`as`	~~ElementType~~	~~"div"~~
`onPlay`	~~() => void~~
`onPause`	~~() => void~~
`onEnded`	~~() => void~~

Credits

Inspired by Magic UI

PreviouseWord Rotate NextSVG Text

On This Page

Installation
- Install ReUI
- Add component
Examples
- Default
API Reference
Credits