Pulse Shader
An interactive and customizable shader effect that creates a dynamic wave in response to hover interactions, perfect for adding engaging visual effects to backgrounds.
- 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/pulse-shader.json- Files
registry/new-york-v4/ui/pulse-shader.tsxregistry/new-york-v4/ui/pulse-shader-scene.tsxregistry/new-york-v4/ui/pulse-shader-shader.tsx
- Source
- https://github.com/badtzx0/badtz-ui
Categories
- Backdrop Components
- React Backdrop Components
- Tailwind CSS Backdrop Components
- Animated Backdrop Components
- Shader Background Components
- React Shader Background Components
- Tailwind CSS Shader Background Components
- Animated Shader Background Components