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	Description	Default
className	string	The class name to be applied to the component
boxColor	string	Color of the box overlaying the text	#5046e6
duration	number	Durations (seconds) of the animation	0.5

Contribute