# wordpress/gutenberg

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/wordpress-gutenberg).**

11,693 stars · 4,834 forks · JavaScript · NOASSERTION

## Links

- GitHub: https://github.com/WordPress/gutenberg
- Homepage: https://wordpress.org/gutenberg/
- awesome-repositories: https://awesome-repositories.com/repository/wordpress-gutenberg.md

## Topics

`gutenberg` `wordpress` `wordpress-plugin`

## Description

Gutenberg is a block-based content management system editor for WordPress. It serves as a modular page builder and React-based content editor where website pages and posts are composed of discrete, reusable blocks rather than a single text area.

The system enables visual content authoring through a modular interface used to arrange layout and media. It supports WordPress block development, allowing for the creation of custom modular elements and the extension of editor functionality through specialized plugins.

The editor provides capabilities for dynamic content management and the creation of reusable content blocks to structure web pages.

## Tags

### User Interface & Experience

- [Visual Editing Tools](https://awesome-repositories.com/f/user-interface-experience/visual-editing-tools.md) — Enables real-time visual editing by linking rendered interface elements directly to their source content.
- [Content Block Editors](https://awesome-repositories.com/f/user-interface-experience/content-block-editors.md) — Provides a visual editing environment where content is composed of discrete, reusable blocks.
- [Drag-and-Drop Page Editors](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-page-editors.md) — Features a modular drag-and-drop interface for arranging layout and media on website pages.
- [Visual Page Builders](https://awesome-repositories.com/f/user-interface-experience/visual-page-builders.md) — Serves as a system for assembling web pages through the arrangement of independent content elements.
- [WordPress Block Editors](https://awesome-repositories.com/f/user-interface-experience/wordpress-block-editors.md) — Provides a modular content creation interface for WordPress using a block-based system.

### Content Management & Publishing

- [Modular Content Block Definitions](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-architecture-modeling/document-models/document-sectioning/document-content-structuring/content-schema-definitions/modular-content-block-definitions.md) — Provides tools for building modular, reusable elements that structure the layout of pages and posts. ([source](https://github.com/wordpress/gutenberg#readme))

### Development Tools & Productivity

- [Block Development](https://awesome-repositories.com/f/development-tools-productivity/development-platforms/wordpress/block-development.md) — Supports the building of custom modular elements and reusable components to extend the editor.
- [Editor Extensions](https://awesome-repositories.com/f/development-tools-productivity/editor-extensions.md) — Provides a framework for developing specialized plugins to add new behaviors to the content management experience.
- [UI Slot Injection](https://awesome-repositories.com/f/development-tools-productivity/plugin-registration-systems/ui-slot-injection.md) — Provides predefined anchor points for plugins to insert custom UI elements without modifying core code.

### Software Engineering & Architecture

- [Visual Block Schemas](https://awesome-repositories.com/f/software-engineering-architecture/configuration-driven-schemas/visual-block-schemas.md) — Defines content structures as JSON objects that map data attributes to visual rendering patterns.
- [Editor Capability Extensions](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/plugin-architectures/developer-authoring-interfaces/custom-module-implementations/module-functionality-extenders/editor-capability-extensions.md) — Allows the creation of custom plugins that add specialized behaviors and new tools to the editing experience. ([source](https://github.com/wordpress/gutenberg#readme))

### Web Development

- [Isomorphic Rendering](https://awesome-repositories.com/f/web-development/isomorphic-rendering.md) — Shares block definitions between the JavaScript editor and PHP server to ensure consistent output.
- [Centralized State Management](https://awesome-repositories.com/f/web-development/hydration-state-management/browser-side-state-management/centralized-state-management.md) — Uses a centralized state tree to track editor changes and synchronize updates across the user interface.
- [React Development](https://awesome-repositories.com/f/web-development/react-development.md) — Implements a content editor user interface built using the React library.
- [Virtual DOM Reconciliation](https://awesome-repositories.com/f/web-development/virtual-dom-reconciliation.md) — Optimizes editor performance by updating only modified interface parts through Virtual DOM reconciliation.