---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.3
alternate:
  - en/
  - ru/
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/en/llms.txt

# DivKit

DivKit is a library for creating cards from JSON elements for applications and websites.

## How DivKit works {#how-it-works}

#|
||
**Typical stack**
|
**Minimum stack**
||
||
The library implements a frontend service: DivView is uploaded, cached, and integrated in the client. The platform receives the data for rendering and the components that process actions.
|
It accepts JSON layout as input and builds a UI based on the native DivView platform.
||
||
**DivJson**
|
**Interactivity**
||
||

- Low: Operates with atomic layout blocks.
- High: Operates with templates.
- Independent: Contains information about positioning, design, and interactivity.
- It is used to describe alternative hierarchies of elements for changing the UI on the fly.

|

- The concept of states makes it easy to implement both simple and complex interface style changes.
- The animation system is used to describe animations of transitions between states.

||
||
**Templating**
|
**Customization**
||
||
Provides encapsulation and reuse, supports inheritance, and reduces parsing size and speed.
|
Allows for the implementation of additional logic to change the behavior and display of any element.
||
||
**Variables**
|
**Additional loading**
||
||

Supports actions for installation and modification, as well as basic conditions. Supported variables:

- Global: For example, colors.
- Local: For example, a "likes" counter.

|
It is used to load new markup. Additional loading can be called automatically or by pressing a button. Fallbacks are supported.
||
|#

<!-- source: en/_includes/index/troubleshooting.md -->
## Learn more {#troubleshooting}

You can discuss topics of interest in the DivKit user community in Telegram: [https://t.me/divkit_community_en](https://t.me/divkit_community_en).



[DivKit Repository](https://github.com/divkit/divkit)
<!-- endsource: en/_includes/index/troubleshooting.md -->