ChromaticHover
An interactive image component that creates a smooth chromatic aberration displacement effect on hover, transforming ordinary images into engaging visual experiences
Zero Setup RequiredDrop in any image and choose from subtle, medium, or intense presets for instant professional-grade hover effects
Smooth PerformanceBuilt with WebGL shaders and optimized animations for 60fps performance, even on complex images and slower devices
Fully CustomizableFine-tune displacement strength, chromatic intensity, transition timing, and border radius to match your exact design visionQuestions❓
If you have any questions or need clarification, feel free to reach out at hello@8ighty8.studio
Follow me on X @8ighty8studio
Support 🫶
If you find this component useful, and want to support me. You can buy me coffee 😊
