[!IMPORTANT] Go to the Block Development Examples Web App to navigate through the examples
Welcome to the block-development-examples
repo on GitHub. Here you can find a bunch of block-related examples for WordPress that you can use to learn about Block Development.
Check the code 📁, download the plugin zip 📦 or see a playground-powered live demo of each example (plugin)
Folder | Short description | Tags | ID (❓) | Download .zip | Live Demo |
---|---|---|---|---|---|
📁 | Minimal Block | MINIMAL, FEATURED | ca6eda |
📦 | |
📁 | Stylesheets | STYLES, FEATURED | 79a4c3 |
📦 | |
📁 | Block Supports | SUPPORTS, FEATURED | 6aa4dd |
📦 | |
📁 | Data Basics - @wordpress/data | NO BLOCK, WP DATA, FEATURED | 59c8f8 |
📦 | |
📁 | Copyright Date Block | DYNAMIC RENDERING, STATIC RENDERING, CREATE BLOCK, FEATURED | 09aac3 |
📦 | |
📁 | Basic Block with Dynamic Rendering | DYNAMIC RENDERING, CREATE BLOCK | 64756b |
📦 | |
📁 | Basic Block with Translations | STATIC RENDERING | 3df23d |
📦 | |
📁 | Block with Static Rendering | STATIC RENDERING, CREATE BLOCK | b16608 |
📦 | |
📁 | Block Editable | 1b8c51 |
📦 | ||
📁 | Non-block wp data with React | NO BLOCK, WP DATA | 56d6f3 |
📦 | |
📁 | Minimal Gutenberg Block (No Build) | MINIMAL, NO BUILD | e621a6 |
📦 | |
📁 | Interactive Blocks | INTERACTIVE BLOCK, MULTI BLOCK | 99def1 |
📦 | |
📁 | Format API | NO BLOCK | f14b86 |
📦 | |
📁 | Basic ESNext | MINIMAL | a2ab62 |
📦 | |
📁 | Dynamic Block | DYNAMIC RENDERING | b0bce7 |
📦 | |
📁 | Interactivity API Block | CREATE BLOCK TEMPLATE, INTERACTIVE BLOCK, INTERACTIVITY API | 833d15 |
📦 | |
📁 | Meta Block | META | bb1e55 |
📦 | |
📁 | Inner Blocks | dcd824 |
📦 | ||
📁 | SlotFill | NO BLOCK, SLOTFILL | 2fb190 |
📦 | |
📁 | Block Toolbar Controls | BLOCK TOOLBAR | ab967f |
📦 | |
📁 | Recipe | 744e8a |
📦 | ||
📁 | Plugin Sidebar | SLOTFILL, META, NO BLOCK | 9ee4a6 |
📦 | |
📁 | Interactivity API Countdown | DYNAMIC RENDERING, INTERACTIVE BLOCK, INTERACTIVITY API, undefined, BLOCK TOOLBAR | 3cd73e |
📦 | |
📁 | Block Settings Sidebar | 82c525 |
📦 | ||
📁 | Post Meta Modal | META, NO BLOCK | 2502fb |
📦 | |
📁 | Interactivity API Quiz | INTERACTIVE BLOCK, INTERACTIVITY API | 1835fa |
📦 | |
📁 | Interactivity Router (regions) example | INTERACTIVITY API, INTERACTIVITY ROUTER | 2f43f8 |
📦 |
Check the WIKI of this repo for more info about it: