Quick Start§

Add the package to your project:

npm install @hyperfrontend/features

Convert an existing application into a HyperFrontend feature:

npx @hyperfrontend/features init

This scaffolds the hostee glue module, the feature side of the boundary, into your app and wires it into the entry file, alongside your feature contract. The vocabulary is defined in Core Concepts.

Generate a self-contained shell package that any host can install:

npx @hyperfrontend/features build --protocol v4

The shell inlines the contract and bundles its dependencies, so the host installs one package and takes on no transitive deps. The security envelope is an explicit choice: the build bakes in whichever protocol you pass, v3 or v4. With v4 the host and the feature each supply the same sharedKey of at least 16 characters when they open the channel.

Serve your apps with the debug UI and watch the feature load:

npx @hyperfrontend/features dev