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/reactVanilla 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/coreBundle Sizes
The library is highly optimized for performance and minimal network impact. WebAssembly and Web Worker files are lazy-loaded dynamically.
| Package | Environment | Gzipped Size |
|---|---|---|
@secure-input/react | Client (React) | ~5KB |
@secure-input/core | Client (Vanilla JS) | ~15KB |
@secure-input/wasm | Worker Thread | ~10KB |