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

Whole Sites. Ready to Ship.

Start with the interaction layer already composed across layout, motion and behaviour, with React or Next.js source and Figma files ready to adapt to your project. Buy one outright, or redeem a template credit from your plan.

All Templates.

5 of 5 templates

template shotSelectedGSAPScroll

Elena Voss

Portfolio

$39or 1 credit

A refined portfolio template crafted for creatives who let their work speak - minimal layout, bold typography, and a seamless flow designed to leave a lasting impression.

Buy TemplateBuy TemplateBuy Template
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 shotSelectedGSAPSmooth Scroll

Lumera

Real Estate

$39or 1 credit

A luxury real estate template for Dubai property launches - residences, amenities, gallery, nearby highlights, and enquiry flows.

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
template shotPro+ OnlyGSAPLenisMulti-page

The Missing Pixel

Agency

$139or 1 credit

A multi-page brand and digital studio template built around pixels - a pixel page transition, a scroll-opening showreel, a sideways work gallery and a playable footer.

Buy TemplateBuy TemplateBuy Template

One Credit.One Whole Site.

Buy a template outright, or redeem a credit from your plan. Either way the whole source is yours.

Compare PlansCompare PlansCompare Plans
$39or $49 or $139, per template
No plan needed

Buy any template outright. One payment, and the source is yours.

3credits a year
Pro

3 a year on yearly billing, none on quarterly. Redeem across the selected catalogue.

4-5credits a year
Pro+

1 every quarter, or 5 a year on yearly (worth ~$200). Redeem across the full catalogue.

Questions, Answered.

What are Vault Templates?

Vault Templates are React and Next.js website starting points where layout, typography, motion, scrolling, transitions and responsive behaviour work together from the beginning.

How are Vault Templates different from Vault Effects?

Vault Effects solve individual interaction needs such as cursors, transitions, loaders, text animation or scroll behaviour. Templates apply the same thinking across an entire website, so interaction is part of the starting composition rather than something added later.

Can I customise a Vault Template?

Yes. Vault Templates are starting points, not fixed visual identities. You receive the source code and Figma file, so you can adapt the layout, styling, content, motion and interaction behaviour around your project.

What do I get with a Vault Template?

Each Template includes its source code and Figma file. Template-specific dependencies and technical details are listed on its detail page.

Are Vault Templates built for React and Next.js?

Yes. Vault Templates are built for React and Next.js. Dependencies vary by Template, so check its detail page for the animation, scrolling and rendering libraries used by that build.

Are Vault Templates included with Pro and Pro+?

Yes, through template credits: each credit unlocks one Template. Pro includes 3 credits a year on yearly billing (none on quarterly), for the selected catalogue. Pro+ includes 1 credit every quarter or 5 a year on yearly billing, for the full catalogue. You can also buy any Template individually.

View MoreView More