FINDING YOUR DIRECTION

0%

3D templates / Particles & shaders

Low-Poly Flyover: an interactive 3D cursor template

Fly down an endless low-poly valley at sunset, banking and climbing wherever the cursor points.

Try it: Move to steer and climb · click to boost. Open the live Low-Poly Flyover full screen.

Where the Low-Poly Flyover works best

Travel and outdoor brands, games, maps and any hero that wants a sense of journey.

How it is built

A flat-shaded terrain is rebuilt from value noise in whole grid steps as you fly, so the landscape is endless; the cursor banks and climbs, a click boosts. The whole effect is plain three.js in one module script. It renders only while it is on screen and caps the pixel ratio on high-density displays to protect performance.

Add it to your website

  1. Add a Code, Embed or Custom HTML block where the effect should sit (Webflow, Framer, WordPress, GoHighLevel, Shopify or plain HTML).
  2. Paste the snippet. It is one element and one script; three.js loads from a CDN.
  3. Edit the colours and words in the settings block, then publish.

Frequently asked questions

Is the Low-Poly Flyover template free?

Anyone can open it live and try the interaction. Copying the code is included with a Scrollhaus plan.

Does it work on mobile?

Yes. On touch screens it runs a gentle automatic motion so the scene is never still, and taps trigger the click interaction.

Do I need Spline or three.js experience?

No. It is one HTML element and one module script. Colours, text and images live in a settings block at the top.

More particles & shaders 3D templates

See all 75 interactive 3D website templates