randomized-text-unveil

PreviousNext
Docs
ui-layoutscomponent

Preview

Loading preview…
./registry/components/text-animation/text-randomized/index.tsx
import React from 'react';
import { RandomizedTextEffect } from '@/components/ui/text-randomized';

function index() {
  return (
    <>
      <div className=' py-10 rounded-md'>
        <h1 className='font-departure text-4xl relative z-10 text-center h-[120px] md:h-auto leading-tight'>
          <RandomizedTextEffect text='Production ready code' />
        </h1>
      </div>
    </>
  );
}

export default index;

Installation

npx shadcn@latest add @ui-layouts/randomized-text-unveil

Usage

import { RandomizedTextUnveil } from "@/components/randomized-text-unveil"
<RandomizedTextUnveil />