> For the complete documentation index, see [llms.txt](https://blocksmd.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blocksmd.gitbook.io/docs/introduction.md).

# Introduction

> It is highly recommended that you first check out our website: [blocks.md](https://blocks.md). It goes through each feature sequentially so it is very easy to understand. Moreover, each feature has a live demo that you can play around with. After you're done looking at the live examples, you can use this documentation site to learn the details of everything that **blocks.md** has to offer.

## Get started and usage guide

Learn how to get started, install & convert your Markdown files, override the base template, configure the initialization options, etc.

{% content-ref url="/pages/wVmezxun63jsRElQaoCS" %}
[Get started](/docs/get-started.md)
{% endcontent-ref %}

{% content-ref url="/pages/kA6QDhLlYpYsmN23rOQX" %}
[How to use](/docs/how-to-use.md)
{% endcontent-ref %}

## Form fields

Learn how to create form fields.

{% content-ref url="/pages/DAwlvQL3oOeV7m9SNdI1" %}
[Text input](/docs/text-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/SddIQT7Qn0ugf1w3bozB" %}
[Email input](/docs/email-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/4gjTDhn4iSCr144xI0IE" %}
[URL input](/docs/url-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/Pc2rqiuCavzht3T8mdtS" %}
[Telephone input](/docs/telephone-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/a8q37Za9NNaWtRk0Zhkx" %}
[Number input](/docs/number-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/Otgz4Bv6q8uDpxaRnjHN" %}
[Select box](/docs/select-box.md)
{% endcontent-ref %}

{% content-ref url="/pages/6as3hKcMCJYRW7M6iDAF" %}
[Choice input](/docs/choice-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/emUgYSuN7eFdPQMksRV8" %}
[Picture choice](/docs/picture-choice.md)
{% endcontent-ref %}

{% content-ref url="/pages/dRltuAG0DMvSKrA01WiS" %}
[Rating input](/docs/rating-input.md)
{% endcontent-ref %}

{% content-ref url="/pages/q4GoWAKe6JWWQA4w3Ma1" %}
[Opinion scale / Net Promoter Score®](/docs/opinion-scale-net-promoter-score-r.md)
{% endcontent-ref %}

## Slides

Learn how to create slides, conditionally show slides with logic jumps, handle page progress, configure partial or slide-level submissions, etc.

{% content-ref url="/pages/71PGHVxUiUZDctSQrxMr" %}
[Slides](/docs/slides.md)
{% endcontent-ref %}

## Send responses

Learn how to send full and partial responses to your server or Google Sheets.

{% content-ref url="/pages/EEBXv6MZWg3VRk1mrCdT" %}
[Send responses](/docs/send-responses.md)
{% endcontent-ref %}

## Class names and attributes

Learn how to add class names and attributes, see the full list of available CSS utility classes, and find out how you can use Tailwind CSS.

{% content-ref url="/pages/4RLhKu86tQuctMSgHuD9" %}
[Class names and attributes](/docs/class-names-and-attributes.md)
{% endcontent-ref %}

## Google Sheets integration

Learn how to read and write data to and from Google Sheets.

{% content-ref url="/pages/6dGEG8mYV5FPVJUOvf6G" %}
[Google Sheets integration](/docs/google-sheets-integration.md)
{% endcontent-ref %}

## Data-binding

Learn how to use data-binding in your forms and pages.

{% content-ref url="/pages/A8oiGxgCZR3EO5hCATYS" %}
[Data-binding](/docs/data-binding.md)
{% endcontent-ref %}

## Settings

Learn how to customize your forms and pages with settings, including things like colors, branding, layout, light and dark modes, etc. Also see the full list of available settings.

{% content-ref url="/pages/b0ZRIwAdaDTU2jP19KRD" %}
[Settings](/docs/settings.md)
{% endcontent-ref %}

## Set and read data

Learn how to set local data, and/or read data from Google Sheets or an API.

{% content-ref url="/pages/nVTkuoMITp7iQtfqinHl" %}
[Set and read data](/docs/set-and-read-data.md)
{% endcontent-ref %}

## Localize

Learn how to localize your forms and pages to any language.

{% content-ref url="/pages/j3OlvyFplV3rN2Z7MEHC" %}
[Localize](/docs/localize.md)
{% endcontent-ref %}

## WordPress plugin

Learn how to use **blocks.md** in your WordPress sites.

{% content-ref url="/pages/H3Scl0XDXVvx3h92cNni" %}
[WordPress plugin](/docs/wordpress-plugin.md)
{% endcontent-ref %}