Box Reveal Animation

Docs

Sliding box animation that reveals text behind it.

Magic UI.

UI library for Design Engineers

-> 20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.
-> 100% open-source, and customizable.

npx shadcn@latest add "https://magicui.design/r/box-reveal"

Prop	Type	Default	Description
`className`	`string`	`-`	The class name to be applied to the component
`boxColor`	`string`	`#5046e6`	Color of the box overlaying the text
`duration`	`number`	`0.5`	Durations (seconds) of the animation

Contribute