deleted

Curved Loop

Text 18

About

Here is Curved Loop component

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

Code

How Curved Loop is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import CurvedLoop from '@/components/ui/curved-loop';

const MyComponent = () => (
  <>
    {/* Basic usage */}
    <CurvedLoop marqueeText="Welcome to React Bits ✦" />


  </>
);

export default MyComponent;

More by deleted

View all
  • Splash Cursor

    Splash Cursor

    1.3K
  • Star Border

    Star Border

    728
  • Tilted Scroll

    Tilted Scroll

    433
  • Waves Background

    Waves Background

    362
  • Squares Background

    Squares Background

    326
  • Prism

    Prism

    218
  • Grid Motion

    Grid Motion

    183
  • Circular Gallery

    Circular Gallery

    173

More in Text

View all
  • Vertical Cut Reveal Characters

    Vertical Cut Reveal Characters

    110
  • Motion Blur Text

    Motion Blur Text

    38
  • NeonRGBTextEffect

    NeonRGBTextEffect

    145
  • Rainbow Text Effect

    Rainbow Text Effect

    47
  • Aero Hero-3

    Aero Hero-3

    576
  • Highlight Text

    Highlight Text

    158
  • Vapour Text Effect

    Vapour Text Effect

    2K
  • Apple Hello Effect

    Apple Hello Effect

    620