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

    103
  • Rainbow Text Effect

    Rainbow Text Effect

    47
  • Text Loop

    Text Loop

    306
  • Motion Blur Text

    Motion Blur Text

    36
  • Text Reveal

    Text Reveal

    27
  • Apple Hello Effect

    Apple Hello Effect

    608
  • Lightning Text

    Lightning Text

    122
  • ParticleTextEffect

    ParticleTextEffect

    2.1K