Components
Starting preview...
Cool mode effect for buttons, links, and other DOMs
npx shadcn@latest add https://21st.dev/r/dillionverma/cool-modeimport { Button } from "@/components/ui/button"
import { CoolMode } from "@/components/ui/cool-mode"
function CoolModeDemo() {
return (
<div className="relative justify-center">
<CoolMode>
<Button>Click Me!</Button>
</CoolMode>
</div>
)
}
function CoolModeCustom() {
return (
<div className="relative justify-center">
<CoolMode
options={{
particle:
"https://avatars.githubusercontent.com/u/166878038?s=200&v=4",
}}
>
<Button>Click Me!</Button>
</CoolMode>
</div>
)
}
export default {
CoolModeDemo,
CoolModeCustom,
}