What if your website background reacted to every move of your cursor? 🌀
I just built Op Art Stripes, a new interactive background component for Framer.
Inspired by optical art, this component transforms simple vertical stripes into a flowing, immersive visual experience.
Move your cursor across the background, and the stripes bend, stretch, and magnify around it.
✨ What makes it special?
→ Hypnotic wave animations
→ Interactive cursor magnification
→ 5 ready-to-use color presets
→ Fully customizable motion and distortion
→ Responsive and performance-conscious
→ Reduced-motion and static-rendering support
Perfect for creative portfolios, experimental landing pages, digital agencies, and bold brand experiences.
My goal was to create something visually striking without sacrificing usability or performance.
Built with 💛 by @Karim Saif .
What do you think of this interaction? Would you use it in a website?
#Framer #InteractionDesign #CreativeCoding #WebDesign #UIDesign
What if your website background reacted to every move of your cursor? 🌀
I just built Op Art Stripes, a new interactive background component for Framer.
Inspired by optical art, this component transforms simple vertical stripes into a flowing, immersive visual experience.
Move your cursor across the background, and the stripes bend, stretch, and magnify around it.
✨ What makes it special?
→ Hypnotic wave animations
→ Interactive cursor magnification
→ 5 ready-to-use color presets
→ Fully customizable motion and distortion
→ Responsive and performance-conscious
→ Reduced-motion and static-rendering support
Perfect for creative portfolios, experimental landing pages, digital agencies, and bold brand experiences.
My goal was to create something visually striking without sacrificing usability or performance.
Built with 💛 by @Karim Saif .
What do you think of this interaction? Would you use it in a website?
#Framer #InteractionDesign #CreativeCoding #WebDesign #UIDesign