> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction to App Capabilities

> This document helps you understand the rich capabilities of DingTalk apps, including mini programs, web apps, Cool Apps, and Bots.

## **Mini Program**

A mini program is a lightweight app used within DingTalk. It supports a wide range of scenarios such as collaborative office work, human resource management, enterprise services, and business processes.

Compared with web apps, the DingTalk mini program development model adopts development frameworks similar to React Native and Weex. This lets you write Native-level performance experiences with concise front-end syntax, with support for deployment on multiple platforms such as iOS and Android.

## **Web App**

A web app is a lightweight app developed with web technologies. It can call rich native control capabilities to help you efficiently access phone system capabilities such as basic device information and location. It can also directly use DingTalk-specific capabilities such as Scan, Share, and Drive, giving the micro app an experience close to native code.

## **Cool App**

Cool Apps surface complex app logic to users through card-based interactions in scenarios such as groups, documents, and audio/video, enabling quick access.

## **Bots**

A Bot is a standalone app capability. It works out of the box and also supports secondary development. It does not need to be tightly bound to other apps or scenarios such as groups. With simple configuration, use a Bot to deliver business information and tasks for agile collaboration in DingTalk chat scenarios.

## **Differences Between Mini Programs and Web Apps**

The differences between mini programs and web apps are as follows:

| **Comparison Item**                 | **Mini Program**                                                                    | **H5 Micro App**                                                                                              |
| ----------------------------------- | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
| **Supported Platforms**             | Supports mobile and PC   - Android - iOS - Windows - Mac                            | Supports mobile and PC   - Android - iOS - Windows - Mac                                                      |
| **Loading Performance**             | Slightly slow on first use, fast on subsequent loads                                | Affected by many factors, poorly optimized, and prone to being slow                                           |
| **Runtime Performance**             | Smooth, close to Native                                                             | Prone to lag                                                                                                  |
| **Page Navigation/Switching**       | Same effect as Native                                                               | Cannot achieve the Native effect                                                                              |
| **Development Environment Setup**   | Provides DingTalk Developer Tools for quick project creation                        | Provides DingTalk Developer Tools for quick project creation                                                  |
| **Debugging**                       | Provides DingTalk Developer Tools that let you debug most features on your computer | On a computer, you can only debug the UI. Anything involving DingTalk JSAPI must be debugged on a real device |
| **Using Open-Source UI Components** | Not currently supported                                                             | Supported                                                                                                     |
| **Using NPM Packages**              | Supported                                                                           | Supported                                                                                                     |
| **Modular Code Organization**       | Supports mini program-specific modularization                                       | Frameworks such as Vue and React provide modularization support                                               |
| **Gray Release**                    | Provided by DingTalk                                                                | Must be implemented by the developer                                                                          |
| **CDN**                             | Mini program packages are on the CDN by default                                     | Developers must purchase the relevant services themselves                                                     |
| **Developing Personal Apps**        | Supported                                                                           | Not supported                                                                                                 |
| **Offline App Support**             | Supported                                                                           | Supported                                                                                                     |