dark_mode

Atlas React/Gutenberg Bridge: Documentation

Welcome!

Features
  • Display Gutenberg blocks as native React components.
  • Write custom components in React, that automatically work in Gutenberg.
  • A common theme between React and Gutenberg, creating a WYSIWYG editing experience.
  • Share arbitrary code and libraries between React and Gutenberg (including Typescript).
  • Share arbitrary SCSS/CSS styles between React and Gutenberg.
  • Automatic generation of Storybook stories for blocks.
  • Automatic support for "dark mode."
  • 20k of Javascript, gzipped, for the core library, including Atlas and Core Gutenberg blocks.
  • Getting Started with the Gutenberg / React Bridge
    Display blocks from Gutenberg, and creating a WordPress Theme for WYSIWYG editing inside Gutenberg.
  • Atlas Blocks
    The built-in Atlas blocks, in React and in Gutenberg.
  • Atlas Layouts
    Custom Layout blocks: Layouts with controls
  • Atlas Custom Blocks
    How to create new React components that automatically generate Storybook documentation and rich, composable Gutenberg blocks.
  • Atlas Slabs
    Mocking up and filling sections within a React page, using sections within Gutenberg.
  • Atlas Theming
    A complete system of color, typopgraphy, and layout, supporting dark mode, Gutenberg, and Storybook
  • Storybook Integration
    How to automate Storybook stories for everything - custom, WordPress Core, and Atlas blocks.
  • Storybook Reference
    Storybook-based interactive documentation for Atlas Core and Gutenberg Core blocks.