# User interface

Guides for how to build dynamic user experiences.

## Drag and drop

{% content-ref url="user-interface/drag-and-drop" %}
[drag-and-drop](https://docs.appfarm.io/how-to/user-interface/drag-and-drop)
{% endcontent-ref %}

{% content-ref url="user-interface/drag-and-drop-calendar" %}
[drag-and-drop-calendar](https://docs.appfarm.io/how-to/user-interface/drag-and-drop-calendar)
{% endcontent-ref %}

## Responsive design

{% content-ref url="user-interface/responsive-layout" %}
[responsive-layout](https://docs.appfarm.io/how-to/user-interface/responsive-layout)
{% endcontent-ref %}

{% content-ref url="user-interface/flexbox" %}
[flexbox](https://docs.appfarm.io/how-to/user-interface/flexbox)
{% endcontent-ref %}

## UI components

{% content-ref url="user-interface/mapbox-map-layer" %}
[mapbox-map-layer](https://docs.appfarm.io/how-to/user-interface/mapbox-map-layer)
{% endcontent-ref %}

{% content-ref url="user-interface/understand-charts" %}
[understand-charts](https://docs.appfarm.io/how-to/user-interface/understand-charts)
{% endcontent-ref %}