shiny-text-motion

PreviousNext

A text component that shines.

Docs
tailwind-admincomponent

Preview

Loading preview…
app/components/animatedComponents/text-animation/shiny-text/ShinyTextAnimation.tsx


import { Card } from "@/components/ui/card";
import "./shinyText.css";

export default function ShinyTextAnimation() {
  return (
    <>
      <Card className="bg-primary w-full" >
       <div className='shiny font-medium text-lg'>Shine bright like a diamond</div>
      </Card>
    </>
  );
}

Installation

npx shadcn@latest add @tailwind-admin/shiny-text-motion

Usage

import { ShinyTextMotion } from "@/components/shiny-text-motion"
<ShinyTextMotion />