Introduction

blocks.md is a tool that takes your Markdown files and turns them into forms and web pages that are beautiful, customizable, accessible, and fully localizable.

It is highly recommended that you first check out our website: blocks.mdarrow-up-right. 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.

Get startedchevron-rightHow to usechevron-right

Form fields

Learn how to create form fields.

Text inputchevron-rightEmail inputchevron-rightURL inputchevron-rightTelephone inputchevron-rightNumber inputchevron-rightSelect boxchevron-rightChoice inputchevron-rightPicture choicechevron-rightRating inputchevron-rightOpinion scale / Net Promoter Score®chevron-right

Slides

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

Slideschevron-right

Send responses

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

Send responseschevron-right

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.

Class names and attributeschevron-right

Google Sheets integration

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

Google Sheets integrationchevron-right

Data-binding

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

Data-bindingchevron-right

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.

Settingschevron-right

Set and read data

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

Set and read datachevron-right

Localize

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

Localizechevron-right

WordPress plugin

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

WordPress pluginchevron-right

Last updated