Gutenberg DevTools

Tools to generate Code Snippets for Block editor in WordPress
Give it a try! This project is in constant development, and follows as much as possible the evolutions of WordPress Core.

Last update
November 21, 2023: Update some settings in THEME.JSON generator according to WP6.4

Theme.json

Use theme.json for Full Site Editing or php / css / sass

Try it now

Blocks patterns

Combine group of blocks to create reusable layout elements.

Try it now

Core Blocks appearance

Alter the look of a block with "Block Styles" or add new one in inserter with "Block variations"

Try it now

Ressources Gutenberg blocks in WordPress

Enhanced your theme to have the ability to extend and customize Blocks: Theme support
Block Supports: is the API that allows a block to declare features used in the editor
Full site Editing and theme.json: FSE
Register block type Generate block.json
WordPress 5.9 Field Guide
WordPress Full site Editing by Carolina Nymark
Gutenberg Best Practices by 10up
A Deep Introduction to WordPress Block Themes on CSS Tricks