Block Development Examples

Important

Go to the Block Development Examples Web App to navigate through the examples

 
Go to the Block Development Examples Web App
 

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	📦

More info

Check the WIKI of this repo for more info about it:

1. Getting Started
2. Examples
3. Tags
4. Why an ID for every example?
5. Local Development Guide
6. Conventions for examples
7. Adding new examples