Loading
Loading
Loading
mobile footer

Build the Interaction Layer Your Website is Missing.

Browse All EffectsBrowse All EffectsBrowse All EffectsUpgrade to ProUpgrade to ProUpgrade to Pro

70+ effects free, forever. No credit card.

© 2026 Hyperiux. All Rights Reserved.

AI Component CatalogueHey AI, Learn About Us
Platform

Vault

  • Documentation
  • Pricing
  • Blog
  • Community
  • NPM
  • MCP

Categories

  • All Effects
  • WebGL
  • Text
  • Backgrounds
  • Buttons
  • Carousels
  • Scroll
  • Components
  • Navigation
  • Cursor
  • Transitions
  • Loaders

Documents

  • Introduction
  • Installation
  • CLI
  • Dependencies
  • License

Legal

  • License Agreement
  • Terms of Service
  • Privacy Policy
  • Refund Policy
Socials
  • Twitter / X
  • LinkedIn
  • GitHub
  • Instagram
Contact Us
  • hello@hyperiux.com
New effects, in your inbox

Every new drop, plus the occasional behind-the-scenes build. No spam. Unsubscribe anytime.

All Effects
Featured ComponentsText AnimationsAnimated BackgroundsAnimated ButtonsCarousel EffectsScroll EffectsCreative ComponentsNavigationsCursor EffectsTransitionsLoadersWebGL & 3D Effects
Templates
IntroductionInstallationCLIDependenciesLicense
PricingBlogGithubNPMMCP Doc
Home/templates/otherways

OTHERWAYS

A multi-page climate innovation platform template that connects systems, solutions, projects and organisations, opening on a mountain under drifting WebGL clouds.

Climate TechPro+ Only
Sections
12 on one scrolling page
Stack
Next.jsReact 19Tailwind CSSGSAPMotionLenisWebGLzod
Built with
13 Vault effects
Includes
Source code and Figma file
Licence
Vault License Agreement

$139one-time or 1 template credit

DemoDemoDemo

What’s Inside

OTHERWAYS is a full platform site: home, eight climate systems, solutions and projects (each with a listing and a detail page), about with the methodology, contact with a validated enquiry form, a privacy policy and a 404. Every system, solution and project links to the others it touches, so the content reads as one connected map rather than separate pages.

A wordmark preloader opens onto the mountain hero, a contour-map atlas redraws its routes as you choose one, project rows preview their photographs on hover, and organisations scroll sideways in a pinned section. Pages change behind an ascend transition and the footer rises from under the page, all on GSAP and Motion with Lenis smooth scroll, fully responsive and with a reduced-motion fallback throughout.

Published November 13, 2026

Sections included

  1. 01Hero
  2. 02Statement
  3. 03Climate Systems
  4. 04Atlas
  5. 05Solutions
  6. 06Projects
  7. 07Partners
  8. 08Organisations
  9. 09Get Involved
  10. 10FAQ
  11. 11Call to Action
  12. 12Footer

Built from Vault effects

Side NavbarAscend TransitionText Fill AnimationParallax ImageLink ButtonMask Text RevealInteractive List PreviewHorizontal Feature RevealAnimated FAQParallax FooterNumber CounterAnimated FormText Cloning

More Templates

All TemplatesAll TemplatesAll Templates
template shotPro+ Only3DWebGL

Oris Dental

Healthcare

$49or 1 credit

A modern dental clinic template built around an interactive 3D teeth visualizer, with treatment showcases, patient reviews, and online appointment booking.

Buy TemplateBuy TemplateBuy Template
template shotPro+ OnlyGSAPLenis

Kyntra

App

$39or 1 credit

A single-page app landing template for home maintenance and service booking, with animated app mockups and a full onboarding walkthrough.

Buy TemplateBuy TemplateBuy Template
All TemplatesAll TemplatesAll Templates