Beta v0.83

Block Theme Generator for WordPress

Welcome to the block theme generator app! The place where you can visually create themes - no coding required! Configure theme settings via each tab below and then click the Generate JSON button to create all that theme.json goodness!

Manage your theme.json settings in this section.

Border

Colors

Palette Colors

No palette colors defined.

Gradient Colors

No gradients defined.

Duotone Colors

No duotones defined.

Custom

  • 1

    --wp--custom--spacing--small

    max(1.25rem, 5vw)

  • 2

    --wp--custom--spacing--medium

    clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))

  • 3

    --wp--custom--spacing--large

    clamp(4rem, 10vw, 8rem)

  • 4

    --wp--custom--spacing--outer

    var(--wp--custom--spacing--small, 1.25rem)

  • 5

    --wp--custom--typography--font-size--gigantic

    clamp(3rem, 6vw, 4rem)

  • 6

    --wp--custom--typography--font-size--colossal

    clamp(4rem, 8vw, 6.25rem)

  • 7

    --wp--custom--typography--line-height--tiny

    1.15

  • 8

    --wp--custom--typography--line-height--small

    1.2

  • 9

    --wp--custom--typography--line-height--medium

    1.4

  • 10

    --wp--custom--typography--line-height--normal

    1.6

Layout

Spacing

Typography

Other

Manage your theme.json styles in this section.

Border

Color

Filter

Spacing

Margin

Padding

Typography

Manage your custom templates in this section.

A comma separated list of post types that can use the template

    Manage your template parts in this section.

      Other miscellaneous theme.json items that can be configured.

      theme.json

      {
        "version": 2,
        "settings": {},
        "styles": {},
        "customTemplates": {},
        "templateParts": {}
      }