---
title: "What are the Supported LearnDash App Blocks"
source: "https://docs.nexcess.com/software/learndash/supported-app-blocks/"
description: "Introduction The LearnDash App supports a range of Gutenberg blocks that can be used in the App Editor, App Pages, Blog Posts, and LearnDash courses. Supported…"
vertical: "Software"
area: "LearnDash"
date: "2025-09-23"
last_modified: "2025-09-23"
---

# What are the Supported LearnDash App Blocks

## **Introduction**

The **LearnDash App** supports a range of Gutenberg blocks that can be used in the **App Editor**, **App Pages**, **Blog Posts**, and **LearnDash courses**. Supported blocks enable **React Native block rendering**, ensuring that content is displayed **natively in the app** rather than relying on web fallbacks.

This guide outlines the supported Gutenberg blocks, their functionality, and how they behave within the LearnDash App.

## **Understanding Supported App Blocks**

- **Supported blocks** display natively in the app, improving performance and user experience.
- **LearnDash App blocks** provide special app-specific functionality and are primarily used in **App Pages**.
- **LearnDash course blocks** can be **downloaded for offline access** when course downloading is enabled.
- **Unsupported blocks** are displayed inside a **web fallback modal**, but you can remove them or replace them with supported blocks using the **App Editor**.

When editing content in the **App Editor**, supported blocks are marked with a **mobile app icon**, indicating they will render natively in the app. In LearnDash courses, a **download icon** appears on blocks that support offline access.

## **Supported Gutenberg Blocks in the LearnDash App**

### **WordPress Blocks**

These blocks are supported natively in the app and ensure proper formatting and media display. If used in **LearnDash courses** with offline mode enabled, they can be downloaded for offline access.

#### **Text Blocks**

- **Paragraph**
- **Heading**
- **List**
- **Quote**
- **Code**
- **Preformatted**
- **Pullquote**
- **Table**
- **Verse**

#### **Media Blocks**

- **Image**
- **Gallery**
- **Audio**
- **Cover**
- **File**
- **Media & Text**
- **Video**

#### **Design Blocks**

- **Buttons**
- **Columns**
- **Group**
- **More**
- **Page Break**
- **Separator**
- **Spacer**

#### **Widgets**

- **Custom HTML** (Only if it does not include iframes or web content)

#### **Embeds**

These embedded media sources are supported for in-app playback:

- **Twitter**
- **YouTube**
- **WordPress**
- **SoundCloud**
- **Spotify**
- **Flickr**
- **Vimeo**
- **Dailymotion**
- **TED**
- **TikTok**
- **Tumblr**
- **Amazon Kindle**

*(Additional embed sources such as Imgur, Kickstarter, Reddit, and Scribd are also supported.)*

## **LearnDash App Blocks**

These blocks are exclusive to the **LearnDash App Plugin** and provide app-specific functionality. They can only be used within **App Pages**.

- **Courses**
- **Notifications**
- **Quick Links**
- **H5P** (For displaying interactive H5P content in LearnDash courses)

## **Custom Blocks**

If you develop and register your **own custom blocks**, they will appear under **LearnDash App Blocks** in the App Editor. These blocks will be available for use in **App Pages** and the **App Editor** for native rendering in the app.

For more details on registering custom blocks, refer to our **Developer Documentation** on WordPress block integration.

## **Offline Course Blocks (LearnDash Integration)**

If **Offline Courses** are enabled in the LearnDash Integration settings, the following blocks can be **downloaded for offline use**:

### **Text Blocks**

- **Paragraph**
- **Heading**
- **List**
- **Quote**
- **Code**
- **Preformatted**
- **Pullquote**
- **Table**
- **Verse**

### **Media Blocks**

- **Image**
- **Gallery**
- **Audio**
- **Cover**
- **File**
- **Media & Text**
- **Video**

### **Design Blocks**

- **Buttons**
- **Columns**
- **More**
- **Page Break**
- **Separator**
- **Spacer**

### **Widgets**

- **Custom HTML** (If it does not include iframes or external web content)

### **Embeds**

- **Vimeo** (Only if the **Vimeo Integration** is enabled and purchased)

## **Handling Unsupported Blocks**

If a block is **not natively supported**, it will still be visible in the app, but it will appear inside a **web fallback modal** rather than being rendered as a native element.

### **How to Avoid Web Fallbacks:**

- **Remove unsupported blocks** or replace them with supported ones.
- **Use the App Editor** to create app-specific content without relying on unsupported blocks.
- **Edit Web Fallback settings** to control how unsupported content is displayed inside the **In-App Browser** (refer to our **Developer Documentation** on Web Fallbacks).

## **Troubleshooting & FAQs**

**Q: Why are some blocks not rendering properly in the app?  
 A: Unsupported blocks open in a web fallback modal. Use only supported blocks to ensure native rendering.

**Q: How do I know which blocks are supported?  
 A: In the App Editor, supported blocks show a **mobile app icon**.