[!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: