Curve text loop

Text

About

This is curve text loop

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Curve text loop to your project and fits it to your theme.

Code

How Curve text loop is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { CurvedLoop } from "@/components/ui/curve-text-loop";

export default function DemoOne() {
  return <CurvedLoop 
  marqueeText="Dream ◆ Build ◆ Launch ◆ Scale ◆ Succeed ◆ Create • Inspire • Transform • Elevate • Shine • Power ✦ Performance ✦ Precision ✦ Progress ✦ Next Level ★ Digital ★ Experience ★ Awaits ★"
  speed={5}
  curveAmount={500}
  direction="right"
  interactive={true}
  className="custom-text-style"
/>
}