# Mini App Development Kit

<figure><img src="https://3362399539-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT3bbO6eJvmb60vtcjK1F%2Fuploads%2FBy3LxsKhNpeUALyaTINy%2FInterLink%20MDK%20(Mini-App%20Development%20Kit).png?alt=media&#x26;token=7d0c40d1-43e8-47d1-a5f0-6def9a54d5ad" alt=""><figcaption><p>Mini-App Development Kit</p></figcaption></figure>

The MDK provides a full-stack toolkit with built-in modules for authentication, data handling, payments, and on-chain interaction, abstracting away blockchain complexity so developers can focus on application logic and user experience.

### **Get Started**

### **1. App ID R**egistratio&#x6E;**:**

Contact **<contact@interlinklabs.org>** to register and obtain your App ID.

### 2. Installation:

1. Install the UI Kit with NPM:\
   `npm i @interlinklabs/mdk`&#x20;
2. Import the **Mdk** SDK into your project from the corresponding file.

Install the UI Kit with NPM:\
`npm i @interlinklabs/mdk`&#x20;

### 3. Using the SDK:

{% code fullWidth="false" %}

```
import React from "react";
import Mdk from "@interlinklabs/mdk";

const App = () => {
  const handleSuccess = () => {
    console.log("Login successful!");
  };

  const handleFailure = () => {
    console.log("Login failed.");
  };
  
  return (
    <Mdk
      appid="your-app-id"
      onSuccess={handleSuccess}
      onFailure={handleFailure}
    >
      {({ open }) => <button onClick={open}>Login with the app</button>}
    </Mdk>
  );
};

export default App;
```

{% endcode %}

Explore the full component library and usage examples on the Mini App Development Kit [here](https://www.npmjs.com/package/@interlinklabs/mdk/v/1.3.18).