Framer Expert specializing in UI/UX design, responsive websites, and interactive prototypes.
Built this interactive shader playground for the Framer Hackathon.
20 mathematical realities, real-time WebGL shaders, distortion fields, wormholes, liquid mercury, plasma simulations, and reactive effects.
The wild part? Most of it was built using Framer Agent.
Framer is becoming much more than a website builder.
I refined the experience into a more polished interactive Framer build with a cleaner control system, stronger customization, and improved presentation. The project now includes 20 playable shader realities, a visible two-row model selector, live in-canvas controls, Framer property-panel customization, cursor sphere and trail controls, distortion modes, and real-time tuning for scale, frequency, and velocity.
The biggest improvement was separating the visual cursor sphere/trail from geometry distortion, so users can enjoy the interactive glow without unwanted black-hole warping. I also cleaned up the interface by removing extra HUD elements, improving dropdown readability, and preparing a full hackathon media kit with submission copy, demo script, screenshot plan, and launch captions.
Phenomena Scope is built to show Framer as a canvas for interactive tools and generative experiences — not just static websites.
