Magnetic Warp

The image gathers toward your cursor like iron filings, then relaxes back.

Library

Pixel Perfect

Framework

React

Type

block

License

MIT

Dependencies

lil-gui, three

Files

• registry/new-york/shaders/magnetic-warp.tsx
• registry/new-york/shaders/animated-texture.ts

Source

https://github.com/vansh-nagar/Pixel-Perfect

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components

More from Pixel Perfect

• Magnetic Swarm
• 3D Button
• Abhinav Bento Button
• Accordion Carousel
• Accordion Fold
• Animated Texture
• Antinomy Button
• Aperture Mask Reveal
• Arrow Letter Background
• Aurora Curtain
• Bar Wave Animation
• Bayer Sunset Background