An animated line component with a moving gradient and optional logos at the endpoints.
import { GradientTracing } from "@/components/ui/gradient-tracing"; const Demo = () => ( <GradientTracing width={300} height={250} path="M0,150 Q75,0 150,150 T300,150" gradientColors={["#E74C3C", "#E74C3C", "#F39C12"]} /> ); export { Demo };
Part of HextaUI — browse the full library on 21st.dev.