Pixel Distorsion
An interactive and customizable shader effect that distorts pixels dynamically based on mouse interactions, perfect for creating engaging and immersive visual effects on images.
- Library
- Badtz UI
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @react-three/drei, @react-three/fiber, clsx, tailwind-merge, three
- Install
npx shadcn@latest add https://badtz-ui.com/r/pixel-distorsion.json- Files
registry/new-york-v4/ui/pixel-distorsion.tsxregistry/new-york-v4/ui/pixel-distorsion-scene.tsxregistry/new-york-v4/ui/pixel-distorsion-shader.tsx
- Source
- https://github.com/badtzx0/badtz-ui
Categories
- Backdrop Components
- React Backdrop Components
- Tailwind CSS Backdrop Components
- Animated Backdrop Components
- Effect Components
- React Effect Components
- Tailwind CSS Effect Components
- Animated Effect Components
- Image Effect Components
- React Image Effect Components
- Tailwind CSS Image Effect Components
- Animated Image Effect Components