Getting Started

SVG Text (Radix UI)

Display text with animated SVG backgrounds. Perfect for creating dynamic text effects with custom SVG graphics and animations.

Installation

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

API Reference

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

SVGText

PropTypeDefault
svg ReactNode
children ReactNode
className string
fontSize string | number"20vw"
fontWeight string | number"bold"
as ElementType"div"

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.