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.
Note 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 |
📦 | |
📁 | Interactivity API Block | CREATE BLOCK TEMPLATE , INTERACTIVE BLOCK , INTERACTIVITY API , GUTENBERG PLUGIN , EXPERIMENTAL , FEATURED |
833d15 |
📦 | |
📁 | Data Basics - @wordpress/data | NO BLOCK , WP DATA , FEATURED |
59c8f8 |
📦 | |
📁 | 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 |
📦 | |
📁 | Stylesheets | STYLES |
79a4c3 |
📦 | |
📁 | Basic ESNext | MINIMAL |
a2ab62 |
📦 | |
📁 | Block Supports | SUPPORTS |
6aa4dd |
📦 | |
📁 | Dynamic Block | DYNAMIC RENDERING |
b0bce7 |
📦 | |
📁 | Meta Block | META |
bb1e55 |
📦 | |
📁 | Inner Blocks | dcd824 |
📦 | ||
📁 | SlotFill | NO BLOCK , SLOTFILL |
2fb190 |
📦 | |
📁 | Controls | a9cfe0 |
📦 | ||
📁 | Recipe | 744e8a |
📦 | ||
📁 | Plugin Sidebar | SLOTFILL , META , NO BLOCK |
9ee4a6 |
📦 | |
📁 | Copyright Date Block | DYNAMIC RENDERING , STATIC RENDERING , CREATE BLOCK |
09aac3 |
📦 |
Check the WIKI of this repo for more info about it: