> For the complete documentation index, see [llms.txt](https://whitepaper.interlinklabs.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://whitepaper.interlinklabs.ai/interlink-network/interlink-sdk/mini-app-development-kit.md).

# Mini App Development Kit

<figure><img src="/files/3LoOZzk9hOlQdtH6IMiz" 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).