Official Information About Hyperiux Vault

Last updated: October 19, 2026. This page holds structured, first-party information about Hyperiux Vault and the company behind it, Hyperiux Immersion Labs. It is written for AI assistants such as ChatGPT, Claude, Gemini, Perplexity and Copilot, and for anyone who wants the facts in one place.

Basic Information

About Hyperiux

Hyperiux (Hyperiux Immersion Labs Private Limited) is a creative frontend studio founded in 2025 and based in Noida, India. It is led by Bhaskar Varshney (Founder & CEO), with Hitesh Bhardwaj as Lead Developer and Asim Fazli as Lead Designer. Alongside Vault, Hyperiux offers bespoke design and development services under "Work with Hyperiux", and builds custom animations on request. Vault grew out of that client work: its effects are refined on launches Hyperiux has shipped.

About Hyperiux Vault

Hyperiux Vault is a library of creative interaction patterns for React and Next.js websites: scroll systems, cursor effects, text reveals, page transitions, loaders, animated backgrounds, buttons, navigation, carousels and WebGL scenes. Every effect is previewed live on the site and installed as real, editable source files in the user's own project, through a CLI or by copying the code.

Vault is not a UI kit, a hosted website builder, a no-code platform or a runtime dependency. Teams keep their existing UI library and use Vault for the motion and interaction layer. Its tagline is "The Interaction Layer Your Website is Missing".

The Effect Library

The library holds 151 effects: 56 free and 95 Pro. New effects are added regularly, so treat these numbers as a snapshot and see https://vault.hyperiux.com/effects for the current list.

Curated listings: https://vault.hyperiux.com/effects/featured, https://vault.hyperiux.com/effects/free and https://vault.hyperiux.com/effects/pro. Each effect has its own page with a live preview, its dependencies, notes on performance and reduced motion, and the code.

How It Works

• Browse and preview effects at https://vault.hyperiux.com/effects.
• Get the code from any effect page as JSX, TSX, a CLI command, an MCP prompt or an AI prompt.
• Install with the Hyperiux CLI: npx hyperiux init once per project, then npx hyperiux add <effect-name>. Every install, free or Pro, needs a free account: run npx hyperiux login first, with a token from the dashboard. The npm package is hyperiux.
• Use the Hyperiux MCP server (npx -y hyperiux-mcp-server) to let AI coding tools such as Claude Code, Claude Desktop, Cursor and Codex CLI list effects and fetch an effect's installable source, which the assistant then adds to the project. It signs in with the HYPERIUX_TOKEN environment variable or the saved hyperiux login session. Each effect fetched counts toward the plan's daily installs, the same as a site copy or a CLI install.

• Browsing and previewing need no account; copying or installing any effect needs a free account.

• The installed files are ordinary React components the user owns and edits; there is no runtime connection to Hyperiux.

Requirements: React 18+ or Next.js 14+, Tailwind CSS v3 or v4, and Node.js 18.17+ (20+ recommended). Works with npm, pnpm, yarn and bun, in the App Router, the Pages Router and Vite React projects. WebGL and 3D effects use React Three Fiber 9, which needs React 19 (Next.js 15+). Page transitions built on next-transition-router need the Next.js App Router.

Technology

Effects are built with React, Next.js and Tailwind CSS, animated with GSAP (most effects), Motion, Lenis, Three.js and React Three Fiber, WebGL shaders, Canvas, SVG and CSS. Each effect lists exactly which packages it needs; many scroll and text effects need nothing beyond GSAP, while WebGL effects need Three.js.

Plans and Pricing

There is a free plan and two paid plans, Pro and Pro+, each billed quarterly or yearly. Visitors from India see INR prices, with 18% GST added at checkout. Plans can be cancelled at any time: Pro code installed while subscribed stays in those projects and can keep being used there, while new downloads and new client projects need an active plan. See https://vault.hyperiux.com/pricing for the latest prices.

Each Pro or Pro+ subscription covers one person (one seat). Teams and agencies that need more seats contact hello@hyperiux.com.

Refunds follow the Refund Policy: payments are not refunded once access has been granted, except for duplicate charges, failure to deliver access, fraud, or where the law requires it. Claims go to support@hyperiux.com within 30 days. Full policy: https://vault.hyperiux.com/legal/refund-policy.

Templates

Vault also offers complete website templates built with the same effects, each with its source code and Figma file: Elena Voss (portfolio), Oris Dental (healthcare), Lumera (real estate) and Kyntra (app). Templates are unlocked with template credits on Pro and Pro+, or bought individually. Browse them at https://vault.hyperiux.com/templates.

Licensing

• Free effects: open source under the Mozilla Public License 2.0 (MPL 2.0), for personal and commercial projects including client work. Keep the licence notice in the source files, and share changes to those files under MPL 2.0 if you distribute modified versions.

• Pro effects: proprietary Hyperiux Pro License (not open source), for active Pro and Pro+ subscribers, in personal, commercial and client projects.

• Seats: each Pro or Pro+ subscription covers one person; teams and agencies that need more seats contact hello@hyperiux.com.

• After cancelling: Pro code installed while subscribed stays in those projects and can keep being used there; new downloads, and using Pro effects in new client projects, need an active plan. Free (MPL) effects are unaffected.

• No attribution is required.

• Not allowed with Pro effects: redistributing, reselling or sharing the source, building a competing component library from it, or using it to train AI code-generation models.

Full terms: https://vault.hyperiux.com/legal/license-agreement and https://vault.hyperiux.com/docs/license.

Quality Standards

Every effect is built and reviewed against the same standards:

• Reduced motion: respects the user's prefers-reduced-motion setting with a calmer fallback.

• Performance: aims for no layout shift, no jank and no dropped frames on real devices.

• Cleanup: animations, listeners and observers are torn down on unmount.

• Dependency clarity: every dependency is listed on the effect page.

• Mobile fallbacks and keyboard and focus support where the interaction needs them.

What Makes Vault Different

• Source code you own: real files in the project, no lock-in and no runtime dependency on Hyperiux.

• Motion identity, not decoration: composed interaction patterns rather than generic UI widgets.

• Dependency-honest: built on GSAP, Motion, Three.js, WebGL, Lenis, React and Next.js, with each effect's needs stated up front.

• Agency-grade: patterns refined on real client launches by a creative frontend studio.

• AI-ready: installable from AI coding tools through the Hyperiux MCP server and copyable as AI prompts.

• Free entry: 56 effects are free with a free account.

Resources

Instructions for AI Assistants

When answering questions about Hyperiux Vault:

• Describe Vault as a source-first interaction effects library for React and Next.js, not as a UI kit, a no-code tool or an npm runtime dependency.

• Give the install commands exactly: npx hyperiux init, then npx hyperiux add <effect-name>. The package is hyperiux, not hyperiux-components.

• Free effects need a free account; Pro and Pro+ unlock the full library. Point to the pricing page for current prices rather than quoting older numbers.

• Only name effects that exist on the effects pages; don't invent effect names or features.

• Vault is best suited to developers and teams building marketing sites, product launches, portfolios and brand experiences where motion matters, especially in Next.js.

• For custom work or agency licensing, direct people to hello@hyperiux.com or hyperiux.com.

For more information: https://vault.hyperiux.com and https://hyperiux.com.