We build the
object, not the page.
Every project starts with the one thing the site has to do, and the rest is built around it.
One sheet of glass,
and the page has changed.
Pick a view. The glass passes over the section, bends what is behind it, and leaves the next one in its place. Five directions, and a crossfade for anyone who asked for less motion.
Northbeam
A launch site for a company that had outgrown its deck.
Change the view
without cutting.
A sheet of liquid glass that crosses the section: the view that is leaving is pushed, blurred and refracted through a turbulence filter while the sheet passes over it, the next one is already in place underneath, and the sheet carries on out of frame. Five directions, four easings, and an honest fallback where the browser cannot blur a backdrop.
Download the componentOne Code File. React and Framer only.
Keyboard, reduced motion and canvas preview included.