Components

Clock Widget (Radix UI)

An analog clock widget component with animated hands built using Motion primitives.

Installation

pnpm dlx shadcn@latest add @toui/video-text

API Reference

This component is built using Motion primitives and includes the following custom props:

VideoText

PropTypeDefault
src string | string[]
children ReactNode
className string
autoPlay booleantrue
muted booleantrue
loop booleantrue
preload enum "auto"
fontSize string | number"20vw"
fontWeight string | number"bold"
as ElementType"div"
onPlay () => void
onPause () => void
onEnded () => void

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.