n
nonaxial
Components
174/207
Glitch

Image Glitch

Image Effects

Glitch effect on hover

imageglitchhover

Installation

$
npx shadcn@latest add https://nonaxial.com/r/image-glitch.json

Usage

tsx
import { ImageGlitch } from "@/components/nonaxial/image-glitch"

export default function Example() {
  return (
    <ImageGlitch>{/* Your content here */}</ImageGlitch>
  )
}

Props

PropTypeDefault
childrenReactNode
classNamestring