Creative code should not arrive wearing a disguise.
The Hyperiux Vault CLI adds creative interaction patterns directly into your project as source files. No hidden runtime. No locked component package. No motion logic living somewhere you cannot inspect.
Use it to install scroll effects, cursor systems, text animations, page transitions, WebGL scenes, navigation patterns, backgrounds, buttons, and microinteractions with local code ownership.
Small details. Big “who built this?” energy.
The CLI package is hyperiux.
Use it with npx:
npx hyperiux --helpFor most projects, you do not need to install the CLI globally. Running it with npx keeps the command fresh and avoids version drift across machines.
Initialize Vault in your project.
npx hyperiux initAdd an effect.
npx hyperiux add [effect-name]List what is installed.
npx hyperiux listConnect your account.
npx hyperiux loginThen verify your identity and continue with the effect you need.
| Requirement | Supported setup |
|---|---|
| Framework | React 18+ or Next.js 14/15 |
| Styling | Tailwind CSS v3 or v4 |
| Language | TypeScript recommended, modern JavaScript supported |
| Package manager | npm, pnpm, yarn, or bun |
| Project structure | App Router, Pages Router, or modern Vite React setup |
Vault effects are source-first. That means the CLI writes files into your workspace instead of hiding them inside a package.
That is the point. You get the code. You own the edits.
| Command | Purpose |
|---|---|
| init | Prepares the project for Vault effects |
| add | Adds an effect to the workspace |
| list | Lists installed Vault effects |
| login | Connects your account to the CLI |
| logout | Disconnects your account from the CLI |
| whoami | Shows the currently connected account |
Use help when you need the shape of a command without opening the docs.
npx hyperiux --help
npx hyperiux add --help
npx hyperiux list --help
npx hyperiux login --help
npx hyperiux logout --help
npx hyperiux whoami --help| Option | Description |
|---|---|
| -h, --help | Prints help for the CLI or a specific command |
| -v, --version | Prints the installed CLI version |
| --cwd <path> | Runs the command against a specific working directory |
| --verbose | Prints detailed logs for debugging |
| --no-color | Disables colored terminal output |
Use --verbose when reporting issues or debugging registry, dependency, or file-generation problems.
The CLI exits with a non-zero status code when a command fails. This makes it usable inside CI checks and automated workflows.
Common failure cases include:
The CLI prints the failed step, the likely cause, and the next action where possible.
It is a flashlight. Not a priest.
Prepares your project for Vault effects.
npx hyperiux initThe init command creates or updates the local configuration used by Vault.
It sets where generated files should go and how the CLI should resolve project aliases, utilities, styles, and component paths.
Typical configuration includes:
Example configuration:
{
"style": "default",
"tailwind": {
"config": "tailwind.config.js",
"css": "app/globals.css",
"baseColor": "slate",
"cssVariables": true
},
"aliases": {
"components": "@/components",
"utils": "@/lib/utils"
},
"registries": {
"@hyperiux": "https://vault.hyperiux.com/r/{name}.json"
}
}Adjust aliases to match your project.
If your components live somewhere else, tell Vault where the floor is.
Adds an effect to your workspace.
npx hyperiux add [effect-name]Example:
npx hyperiux add [effect-name]Each effect includes a manifest. The CLI reads that manifest and adds only the files required for the selected effect.
Depending on the effect, the command adds:
The CLI also checks the effect manifest for required dependencies.
If the selected effect requires packages such as GSAP, Motion, Three.js, or React Three Fiber, the CLI makes those requirements visible during installation.
No drive-by Three.js.
List the effects installed in the project.
npx hyperiux listExample output:
Installed Vault effects
phantom-image-trail
version: 1.0.0
path: components/hyperiux/phantom-image-trail/index.jsx
dependencies: gsapUse this when you want to confirm what the CLI has already added.
Connect your account to the CLI.
npx hyperiux loginUse this when you need access to authenticated features or private registry resources.
Interactive login keeps tokens out of shell history.
Disconnect your account from the CLI.
npx hyperiux logoutUse this when you need to clear the local authenticated session from the current project or machine.
Show the currently connected account.
npx hyperiux whoamiThis is useful when you want to confirm which account the CLI is using before pulling private resources or making account-specific changes.
For most teams:
npx hyperiux init
npx hyperiux add [effect-name]
npx hyperiux list
npx hyperiux login
npx hyperiux whoamiThen:
That is the workflow. Install the effect. Own the files.
| Task | Command |
|---|---|
| Print help | npx hyperiux --help |
| Initialize Vault | npx hyperiux init |
| Add an effect | npx hyperiux add [effect-name] |
| List installed effects | npx hyperiux list |
| Login | npx hyperiux login |
| Logout | npx hyperiux logout |
| Who am I | npx hyperiux whoami |
Copy the code. Tune the motion. Ship the moment.