flowedit.
← All features BLOCK BUILDER

Your next block.
Built your way.

A hero for your next launch. A card for your services. A callout your team can use again. Build it in Admin2, then let authors fill in the details from the slash menu.

Start building blocks
A home for your next idea
01  Fields
    Title · Body · Image · Link

02  Layout
    Arrange elements and bind fields

03  Preview
    Your theme, desktop and mobile

04  Save block
    Ready in the slash menu
Design once. Make it part of every page.
FROM A USEFUL IDEA TO A REUSABLE BLOCK
01

Start with a little structure

Choose Blank, Card, Hero, or Callout. Give the block a name, icon, and category, then find it again in a searchable library of visual and Twig blocks.

02

Give authors the right fields

Add text, rich-text body, image, link, choice, and repeating-item fields, plus colors, numbers, dates, toggles, and icons. Set defaults and arrange the form in a useful order.

03

Arrange the pieces visually

Combine containers, columns, headings, text, images, buttons, repeating items, and dividers. Connect them to fields and adjust spacing, colors, alignment, and corners. Columns stack on small screens.

04

See it in your theme

Preview sample content at desktop and mobile widths using the active theme. Supply a page route to use its template and local media. Preview samples leave saved pages and defaults untouched.

05

Keep a useful library

Duplicate a block to make a new type. Archive it to stop new insertion while existing pages keep rendering. Retire a field to hide its input while preserving stored values.

06

Keep your existing foundations

Pages still contain Markdown and flow shortcodes. Layout definitions live in plugin configuration. Twig blocks and theme overrides remain supported, and saved layout changes apply to existing instances.

MAKE YOURSELF AT HOME

Here’s how
to get started.

Read the guide
  1. Open FlowEdit → Blocks in Admin2 and choose Create block.
  2. Choose a starting design, define the fields, and arrange the layout.
  3. Preview with your theme, then choose Save block.
  4. Insert the block with / in a page, fill in its fields, and save the page in Admin2.

There’s more to the flow.

All features

Slash Palette

Type / to find headings, tables, media, and your site’s blocks. Search by name and insert without leaving the keyboard.

Explore

House Blocks

Give the team a callout, FAQ, or invitation they can reuse. Authors fill in fields; the block definition handles the layout.

Explore

Show & Tell

Drop in an image, crop it, and write the caption. Build a gallery or embed a video without leaving the page editor.

Explore
TRY THE EDITOR

Bring a sentence.
Make yourself at home.

Type, format, add a block. Export your draft as Markdown.

Open the playground Install in Grav
Open source. MIT licensed. Made for Grav 2 + Admin2.