Where optical physics meets sound design.
The Newton’s Rainbow is a poetic synesthesia machine built entirely using the power of Framer’s Canvas Agent. It bridges the gap between light refraction and musical harmony, turning a complex scientific concept into a beautiful, interactive laboratory instrument.
The Sequencer: Program an 8-step matrix (from B4 to C4) to compose your melody.
The Physics: Adjust the Crystal Thickness slider to alter the virtual birefringence properties.
The Fusion: Changing the thickness instantly morphs the sound—shifting from a sharp, crystal-clear treble to a deep, resonant bass—while simultaneously shifting the refraction color dynamically inside the central glass prism.
Live Dynamic Glow: Each note triggered injects a live Newton interference color directly into the page’s CSS root (--prism-burst), making the entire hero section breathe in perfect sync with the beat.
Audio-Reactive Visualization: At the bottom, a custom "Microscopic Projection" panel acts as a live equalizer, pulsing and lighting up matching the active frequencies.
Cinematic Minimalism: An absolute black canvas with high-contrast neon accents, built with a refined glass-morphic aesthetic reminiscent of premium boutique synthesizers.
The prism no longer just refracts light—it composes harmony. 🚀
Where optical physics meets sound design.
The Newton’s Rainbow is a poetic synesthesia machine built entirely using the power of Framer’s Canvas Agent. It bridges the gap between light refraction and musical harmony, turning a complex scientific concept into a beautiful, interactive laboratory instrument.
The Sequencer: Program an 8-step matrix (from B4 to C4) to compose your melody.
The Physics: Adjust the Crystal Thickness slider to alter the virtual birefringence properties.
The Fusion: Changing the thickness instantly morphs the sound—shifting from a sharp, crystal-clear treble to a deep, resonant bass—while simultaneously shifting the refraction color dynamically inside the central glass prism.
Live Dynamic Glow: Each note triggered injects a live Newton interference color directly into the page’s CSS root (--prism-burst), making the entire hero section breathe in perfect sync with the beat.
Audio-Reactive Visualization: At the bottom, a custom "Microscopic Projection" panel acts as a live equalizer, pulsing and lighting up matching the active frequencies.
Cinematic Minimalism: An absolute black canvas with high-contrast neon accents, built with a refined glass-morphic aesthetic reminiscent of premium boutique synthesizers.
The prism no longer just refracts light—it composes harmony. 🚀