scroll-text-marquee-bidirectional

PreviousNext
Docs
ui-layoutscomponent

Preview

Loading preview…
./registry/components/text-animation/text-marque/animationtwo.tsx
import React from 'react';
import ScrollBaseAnimation from '@/components/ui/scroll-text-marque';

function index() {
  return (
    <>
      <div className='h-[500px] grid place-content-center'>
        <ScrollBaseAnimation
          // delay={500}
          baseVelocity={3}
          scrollDependent={true}
          clasname='font-bold tracking-[-0.07em] leading-[90%]'
        >
          Best Component library For Developer
        </ScrollBaseAnimation>
      </div>
    </>
  );
}

export default index;

Installation

npx shadcn@latest add @ui-layouts/scroll-text-marquee-bidirectional

Usage

import { ScrollTextMarqueeBidirectional } from "@/components/scroll-text-marquee-bidirectional"
<ScrollTextMarqueeBidirectional />