Components
Loading preview...
An animated line component with a moving gradient and optional logos at the endpoints.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/gradient-tracingimport { GradientTracing } from "@/components/ui/gradient-tracing";
const Demo = () => (
<GradientTracing
width={300}
height={100}
path="M0,50 C75,0 150,100 225,50 S300,0 375,50"
gradientColors={["#FF6B6B", "#FF6B6B", "#4ECDC4"]}
/>
);
export { Demo };