About this template
One continuous shot down a neon street, each shop sign a tool you can stop and inspect. The whole district is built in WebGL and travelled on scroll, so the directory reads as a place rather than a list. Signal red on concrete, with condensed display type.
Delivered as single-file html (three.js + gsap from cdn). Every Formynex template is sold one to one, so pricing, licensing and any customisation are agreed directly with us before handover.
Part of 3D website templates.
Discussed in What your visitors see when the 3D does not load, Changing the words: what it takes to edit the headlines in an animated template and Do animations hurt your SEO? The mechanisms, and what to check.
A closer look
What the interaction does
A single walkable street rendered in WebGL, with every storefront sign standing in for a directory entry. Scroll moves along it; the hub below is a real filterable list. GSAP ScrollTrigger drives the walk, loaded from a CDN.
Who it suits
- A directory or marketplace, not a marketing site — the product here is the list.
- Anyone who needs browse and search behaviour in the template rather than added later: the search field and the saved-items panel are both in the file.
- A catalogue large enough that walking past it is more interesting than scrolling a grid.
Where it is the wrong choice
- A services business. There is no service list, no process section and no contact form to fill.
- A small catalogue. A street with six signs on it is a long walk for very little.
- Anyone who needs the directory indexed as separate pages — it is one document with one hub.
What is in the file
- Two sections: the street and the directory hub beneath it.
- A search field and a saved-tools panel.
- No contact form and no footer navigation.
Responsive, motion and accessibility behaviour
Reduced motion is checked in three places, the device pixel ratio is read and capped, five resize handlers keep the scene square with the viewport, and six breakpoints adapt the layout.
Everything above was read out of this template’s own source file, and the counts are counted rather than estimated. Open the live demo to check any of it yourself.
