Event Horizon.
The interface has gravity.
An everyday interface becomes a place to explore. Event Horizon brings a gravitational field into a sign-in composition, while keeping the familiar inputs and actions visible.
Open the live demo ↗

What happens here
A sign-in experience with its own gravitational field.
Pointer-driven gravitational field.
Responsive sign-in composition.
An exploration of focus, depth and motion.
Before you try it
This is an interface demonstration. It does not create an account or sign you into a service.
Build on the idea
Take a closer look.
Explore the code and adapt it to your own project. Source downloads do not include the soundtrack.
More from the collection
Keep exploring.
RS-01
A fictional brick-built race car kit: your scroll lets the finished car go into its 1,622 pieces and builds it back, brick by brick, under a camera viewfinder.
AJ1
An unofficial redesign of the Air Jordan 1 page: the scroll takes the shoe apart panel by panel, sews it back together and lines up its colourways.
M3 E30
An unofficial fan concept for the original M3, where nothing on the page is a video: every frame is rendered live in the browser.
Next · DOMVYBE / 36