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: