Installation

Choose the package that fits your technology stack. Secure Input is built to be modular so you only ship what you need.


React / Next.js

If you are using React, you should install the @secure-input/react package. This package automatically includes the core logic and provides easy-to-use hooks and drop-in components.

npm install @secure-input/react

Vanilla JavaScript / Other Frameworks

If you are using Vue, Svelte, Angular, or plain HTML/JS, you should install the framework-agnostic @secure-input/core package.

npm install @secure-input/core

Bundle Sizes

The library is highly optimized for performance and minimal network impact. WebAssembly and Web Worker files are lazy-loaded dynamically.

PackageEnvironmentGzipped Size
@secure-input/reactClient (React)~5KB
@secure-input/coreClient (Vanilla JS)~15KB
@secure-input/wasmWorker Thread~10KB