Hallway

Show Preview
Hallway
Hallway

About Hallway

The first screen decides whether someone keeps reading. Hallway turns your hero section into a 3D gallery that visitors walk through: the scroll carries them down a quiet hallway past your work, toward daylight in a doorway at the end.

Hang your projects on both walls and put the one that matters most outside. Each card comes into focus as you pass, the light grows as you get closer, and at the end you step through into that picture, with your closing line and link.

What you get

  • A lit room in live WebGL, not pictures floating in the dark

  • A doorway as thick as a real wall

  • Light in the color of your ending picture

  • A scroll animation with inertia that slows at every card

  • Up to 12 photo cards with links, or your own frames

  • Depth of field and a soft parallax that follows the pointer

  • Pictures load in steps as visitors walk

  • Reduced motion respected, and Tab walks the camera to each linked card

Make it yours

Pick your fonts and colors, and give the cards round corners and a shadow. Set how far apart the cards hang and how much they turn, how strong the depth of field is and how far the pointer moves the view. Two events add your own interaction when visitors arrive outside or click a linked card.

Made for

Architecture studios walking visitors past their portfolio to the newest building, photographers ending on their best picture, hotels leading up to the view.

Updates and Support

Free updates. Questions? Write to support@koja-studios.de, we usually reply within 1 to 2 business days.

License

Free for commercial use under Framer's Limited Commercial License. No redistribution as a standalone asset.

From KOJA Studios

Unit Story
Season Calendar
Clapperboard
Condensation

Related Components

Project Hover
Liquid Metal Footer
Team Showcase
Storytelling Hero