Phenomena Scope is a high-performance WebGL reality engine built as a custom Framer component. It transforms the web page into a playable scientific instrument, allowing visitors to explore 20 distinct, math-and-physics-inspired worlds. Users can switch between these dimensions instantly and tune simulation behaviors in real time.
The engine features a vast array of simulated realities, including hyperbolic space, wormhole geometry, liquid mercury, prism refraction, plasma flow, logarithmic vortices, Calabi-Yau intersections, Chladni resonance, Mandelbrot fractals, quantum probability fields, magma convection, and cosmological expansion. Each model offers unique visual behaviors, selectable from a compact, console-inspired interface rather than a traditional menu.
Customization is dual-layered:
For Visitors: A live, on-canvas control panel allows for real-time adjustments, including model selection, sphere visibility, cursor trail behavior, sphere radius, glow intensity, color grading, and distortion strength.
For Creators: The component exposes matching property controls directly within Framer, enabling designers to fine-tune the entire visual system without writing a single line of code.
The interaction design prioritizes clarity in complex shader behaviors. Sliders for scale, frequency, and velocity shape the simulation, while dedicated sphere and trail controls provide a tangible, physical feel to the cursor. Geometry warping is decoupled from visual effects, ensuring a seamless user experience.
Built with React, WebGL, and GLSL, the engine incorporates real-time pointer tracking, keyboard navigation, click-based shockwaves, and double-click portal bursts. Phenomena Scope demonstrates that Framer can host far more than static marketing pages—it is a robust canvas for interactive tools, generative visuals, and experimental software.
Phenomena Scope is a high-performance WebGL reality engine built as a custom Framer component. It transforms the web page into a playable scientific instrument, allowing visitors to explore 20 distinct, math-and-physics-inspired worlds. Users can switch between these dimensions instantly and tune simulation behaviors in real time.
The engine features a vast array of simulated realities, including hyperbolic space, wormhole geometry, liquid mercury, prism refraction, plasma flow, logarithmic vortices, Calabi-Yau intersections, Chladni resonance, Mandelbrot fractals, quantum probability fields, magma convection, and cosmological expansion. Each model offers unique visual behaviors, selectable from a compact, console-inspired interface rather than a traditional menu.
Customization is dual-layered:
For Visitors: A live, on-canvas control panel allows for real-time adjustments, including model selection, sphere visibility, cursor trail behavior, sphere radius, glow intensity, color grading, and distortion strength.
For Creators: The component exposes matching property controls directly within Framer, enabling designers to fine-tune the entire visual system without writing a single line of code.
The interaction design prioritizes clarity in complex shader behaviors. Sliders for scale, frequency, and velocity shape the simulation, while dedicated sphere and trail controls provide a tangible, physical feel to the cursor. Geometry warping is decoupled from visual effects, ensuring a seamless user experience.
Built with React, WebGL, and GLSL, the engine incorporates real-time pointer tracking, keyboard navigation, click-based shockwaves, and double-click portal bursts. Phenomena Scope demonstrates that Framer can host far more than static marketing pages—it is a robust canvas for interactive tools, generative visuals, and experimental software.
Harsha A