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/ordin

Ordin

A multi-page AI agent platform template where one prompt travels the whole page - from tokens to an agent swarm, through guardrails and into a finished run.

AI SaaSPro+ Only
Sections
12 on one scrolling page
Stack
Next.jsReact 19Tailwind CSSGSAPLenisWebGL
Built with
11 Vault effects
Includes
Source code and Figma file
Licence
Vault License Agreement

$139one-time or 1 template credit

DemoDemoDemo

What’s Inside

Ordin is a full AI and SaaS product site: home, platform, agents, governance, pricing, a blog with articles, a privacy policy and a 404. The homepage follows a single prompt as it is tokenized, handed to six specialist agents, checked against policies and settled into a measured run, then moves through the platform stack, metrics, pricing, testimonials, FAQ and a closing call to action.

A cursor-reactive particle globe travels with the story, the hero sits on mint Arc Light shaders, and pages change behind a block transition. Inner pages add a live agent chat, a trace viewer, a policy gate, a cost estimator and a plan comparison table. Everything runs on GSAP with Lenis smooth scroll, fully responsive, with a reduced-motion fallback and one config file for the intro, pinned-scroll length and particle count.

Published November 12, 2026

Sections included

  1. 01Hero
  2. 02Tokens
  3. 03Agents
  4. 04Governance
  5. 05Platform
  6. 06Statement
  7. 07Metrics
  8. 08Pricing
  9. 09Testimonials
  10. 10FAQ
  11. 11Call to Action
  12. 12Footer

Built from Vault effects

Arc LightBlock TransitionScramble Link ButtonScramble TextText Fill AnimationTabsDraggable MarqueeAnimated FAQAnimated DialogParallax FooterColorful Cursor Aura

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