Matrix Text
Animated Matrix Text
Installation
npm install motionUsage
import MatrixText from "@/components/xui/matrix-text";
export function MyComponent() {
return (
<div className="flex flex-col gap-4">
<MatrixText text="Hello World!" className="min-h-[200px]" />
<MatrixText text="Matrix Effect" className="min-h-[150px]" />
</div>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | Text to display with matrix effect |
className | string | - | Additional CSS classes |
Dependencies
This component requires the following packages:
motion(framer-motion)