SDK Installation

Download the JavaScript SDK and integrate it with your project.

4 min read

Last updated: July 20, 2026

To bind your responsive website or web application with the Nativine native shell, you must integrate the Nativine JavaScript Client SDK. The SDK provides bilateral interfaces (the Native Bridge) enabling JavaScript code to execute native actions on the device (e.g. tactile feedback, cache clearing, opening folders/dialogs, push registers) and allows the native wrapper to notify your application on lifecycle state shifts.

Option A: Direct CDN Link (Recommended)

Include the CDN script directly in the <head> of your website index layout. This ensures you always load the latest optimized client wrapper with bugfixes and security updates:

html

<script src="https://api.nativine.com/nativine.js" defer></script>

Option B: Download SDK File (Plain JS)

For offline environments, custom pipelines, or self-hosting, download the production-ready script file directly to your asset folder:

Download nativine.js JavaScript SDK • Production Minified

Option C: Framework Integration (Next.js, React, Vue, Svelte)

If you are building client-side modular architectures, place the nativine.js script inside your source directory (e.g., /utils/nativine.js) and import it dynamically inside a client-only lifecycle hook to avoid server-side pre-rendering failures:

javascript

import { useEffect } from 'react';

// Example: Next.js Client Component
useEffect(() => {
  import('../utils/nativine.js').then(() => {
    if (window.Nativine?.isApp) {
      console.log("Nativine Native Bridge active!");
    }
  });
}, []);

Was this page helpful?

NextApp Requirements

Option C: Framework Integration (Next.js, React, Vue, Svelte)

javascript

import { useEffect } from 'react';

// Example: Next.js Client Component
useEffect(() => {
  import('../utils/nativine.js').then(() => {
    if (window.Nativine?.isApp) {
      console.log("Nativine Native Bridge active!");
    }
  });
}, []);