Components
It uses Framer Motion to generate a captivating animation of endlessly drawing and fading SVG infinity loops. The component centers on an animated title with a letter-by-letter reveal effect and supports an optional subtitle.
npx shadcn@latest add https://21st.dev/r/minhxthanh/animated-infinity-backgroundLoading preview...
import { BackgroundPaths } from "@/components/ui/animated-infinity-background";
export default function DemoOne() {
return (
<BackgroundPaths
title="Infinity Design"
subtitle="Endless possibilities in motion"
titleBackground={true}
backgroundStyle="gradient" // Try "glass", "gradient", "solid", or "glow"
/>
);
}