shiny-button

PreviousNext

A Button component with shiny effect animation.

Docs
tailwind-admincomponent

Preview

Loading preview…
app/components/animatedComponents/buttons/shiny-effect/ShinyButton.tsx


import { Card } from "@/components/ui/card";
import "./shiny.css";
import { Button } from "@/components/ui/button";

export default function ShinyButton() {
  return (
    <>
        <Button className=" bg-primary transition-all" >
          <div className='shiny font-medium text-base'>Shiny Button Text</div>
        </Button>
    </>
  );
}

Installation

npx shadcn@latest add @tailwind-admin/shiny-button

Usage

import { ShinyButton } from "@/components/shiny-button"
<ShinyButton />