Quantum Mesh Displace: The Cyber-Shatter Grid Shader
Inject a futuristic, high-tech edge into your media with the Quantum Mesh Displace. This component divides your images or videos into an invisible, interactive grid that shatters and displaces away from the user's cursor. Combined with a prismatic "Chromatic Twist" that rotates the RGB channels as the grid breaks, it creates a deeply tactile, cybernetic interaction perfect for cutting-edge brands.
✨ Key Highlights
Interactive Shatter Physics: As the cursor moves, the underlying image fractures along a customizable mesh grid, mathematically pushing pixels away before snapping them back into place.
Chromatic Twist: A built-in vortex effect mathematically rotates the red, green, and blue color channels inside the displaced blocks, creating a glitch-art aesthetic.
Spatial 3D Tilt: The entire card physically rotates on the X and Y axes to face the cursor, adding a layer of physical depth.
⚙️ Complete Design Control
Mesh Density: Control the "Grid Detail" to create large, chunky pixel blocks or ultra-fine, sand-like shattering.
Shatter & Twist: Fine-tune the displacement strength and the intensity of the RGB color rotation.
Media Engine: Fully supports images and videos with intelligent Play-on-Hover capabilities to save on performance.
💡 Perfect For: Web3 platforms, tech SaaS landing pages, and brutalist design portfolios.
Share It On :