Curve text loop

This is curve text loop

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"
/>
}

Published

10/3/2025

Similar components

Explore more

Part of Shailendra — browse the full library on 21st.dev.

Marquee components113 Glow components817 Interactive components426 Text Animation components431 3D Text components38

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Curve text loop

Published

Similar components

Explore more