About this template
A scroll-driven showcase built on canvas. A precision object separates into its component parts as the visitor scrolls and reassembles on the way back — a project index as one continuous piece of motion.
Delivered as single-file html. Every Formynex template is sold one to one, so pricing, licensing and any customisation are agreed directly with us before handover.
Discussed in Sixty-one of our 62 templates say they respect “reduce motion”. Fifteen keep moving anyway, The animation is the cheap part: what 62 template demos actually download, What your visitors see when the 3D does not load and Choosing a template for a portfolio site: start with your projects, not the demo.
A closer look
What the interaction does
One canvas holds the whole page. A precision object separates into its component parts as the visitor scrolls and reassembles on the way back, with the six case entries indexed against that motion. Like Nocturne it is 2D canvas work, not WebGL.
Who it suits
- A studio with a small, strong body of work that wants each piece to arrive as a moment rather than a grid cell.
- Presenting six cases — that is the number the file is built around.
- Use as a landing or index page in front of a larger site.
Where it is the wrong choice
- A full portfolio site. This is a one-screen index of six cases, not a multi-page practice site: there is no about section, no contact form, no in-page navigation and no per-project page behind the entries.
- A body of work that grows monthly. Adding a seventh case means re-composing the sequence, not appending a card.
- Anyone who needs the work to be readable without motion — the index is the motion.
What is in the file
- Six named cases carried through one continuous scroll-driven sequence.
- Artwork held inline in the document, so nothing is requested at runtime.
- No form, no navigation, no separate project pages.
Responsive, motion and accessibility behaviour
Reduced motion is checked in three places and the canvas redraws on resize. One breakpoint handles narrow screens, which is fewer than the sectioned templates need because there is only one layout to hold.
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.
Related templates
Portfolio holds one template in the catalogue — this one — so the row below is the closest match by shared tags.
