Cool Mode Demo

PreviousNext

Example showing cool mode effect for buttons and links.

Docs
magicuiexample

Preview

Loading preview…
registry/example/cool-mode-demo.tsx
import { Button } from "@/components/ui/button"
import { CoolMode } from "@/registry/magicui/cool-mode"

export default function CoolModeDemo() {
  return (
    <div className="relative justify-center">
      <CoolMode>
        <Button>Click Me!</Button>
      </CoolMode>
    </div>
  )
}

Installation

npx shadcn@latest add @magicui/cool-mode-demo

Usage

import { CoolModeDemo } from "@/components/cool-mode-demo"
<CoolModeDemo />