Skip to the content

Design it here. Serve it baked.

Marfilo is a visual builder for WordPress that turns what you design into plain, fast HTML. No runtime, no surprises: the canvas is the page, and this page is the proof.

Bake landing pages without writing a line of code.

Why Marfilo

What you see is what gets served

Most builders show you an approximation and ship something else. Marfilo’s canvas is the page: the same code that paints the editor paints your storefront, measured to the pixel. And when you publish, the document is baked — flattened into plain HTML and CSS that arrive in a single request, with no builder runtime tagging along.

Everything on this page came out of one Marfilo document. Every effect you will meet below runs in the editor exactly as it runs here, so you never publish to find out. Every module renders honest HTML first and adds its behaviour on top — turn JavaScript off and the page still reads top to bottom.

The type is set in Fraunces, one of the 1,825 Google families Marfilo ships with. The icons come from a catalogue of 2,050, all licensed for commercial use. None of this needed a plugin, an embed, or a line of code.

  • One code path: canvas and storefront never disagree
  • Published pages are static HTML — nothing to hydrate
  • Reads perfectly before JavaScript loads
  • 1,825 Google font families built in
  • 2,050 commercial-use icons
  • Effects run live while you edit

Published weight of this page

80 kbMarfilo460 kbTypical builder
★★★★★★★★★★

What we are aiming for

(84 modules reviewed)
84

modules on this page

100%

served as static HTML

Editor ↔ page parity

100%

Works without JS

100%

Patience required

4%
Baked, not rendered
One request per page
Yes, even this badge is a module

Words first

Type that behaves

Headlines with highlights, drop caps, pull quotes, badges, alerts and running text — each one a module, each one styled from the same panel. The curved line below is text on a path; the block after it is real syntax-highlighted code.

Ivory does not forgive a careless cut, and it never needs a second one. What Marfilo publishes is carved: finished HTML that stands on its own.

The Marfilo handbook

This paragraph is the rich text module: lists, links and emphasis, edited inline right on the canvas.

  • Write where the words will live
  • Style them with real typographic controls
  • Publish them as plain, indexable HTML
1,825 font families

No JavaScript? No problem.

Every module on this page renders finished HTML first. Scripts only add the moving parts.



handmade pages · baked to order · served warm ·
html
1<!-- what Marfilo actually ships -->
2<section class="b-section">
3  <h2 class="bp-title">Design it here.
4    Serve it baked.</h2>
5  <a class="bp-button" href="/shop">
6    Tour the modules
7  </a>
8</section>
9<!-- no wrapper divs. no runtime. -->
The escape hatch.
This box is the raw HTML module — for the one thing no builder ever thought of.

Media

Pictures that pull their weight

Galleries that filter, banners that overlay, sliders you drag, photos that magnify, screenshots that scroll and objects you can spin. Every image ships with real srcset sizes and lazy loading — baked in, not bolted on.
Green hoodie on a hanger
The image module: caption, lightbox, hover — all optional.
Hoodie with pocket

Half picture, half story

The image-and-text module keeps photo and words in one block, so they travel together when you move them. Flip the sides, tune the split, align the middle — from the panel, not from CSS.

More about media
After the workBefore the workDraftBaked
LayersLayersHover to openKnitsKnitsThe warm onesClassicsClassicsAlways in stock
Hoodie with points of interestDouble-stitched hoodEvery dot is a note you place on the photo.Front pocketPosition them by sliding — the sliders even work now.
Fabric up close
Hover: the magnifier runs in the editor too.
The storefront this page lives in

The map module — one paste, no API key.

Motion

Made to move — when you ask

Video with a click-to-load façade, a floating mini-player, playlists, sound, vector animation and carousels. In the editor these same modules hold still while you work — nothing slides out from under your cursor — and every effect fires the moment you provoke it.
The façade loads YouTube only when someone actually presses play.
The façade loads YouTube only when someone actually presses play.

The Marfilo chime — the audio module

Counting down to the next firing

104days
03hours
17min
35sec

Slides you steer

Arrows, dots, keyboard — autoplay only if you ask.

Why motion waits

Still in the editor

While you design, sliders hold their frame.

1 / 2

Scroll past this one — it follows you as a mini-player.

Interaction

Click, flip, reveal

Tabs, accordions, switchers, flip cards, drawers and pop-ups. Each of these works in the canvas exactly as it works here — you press it, it answers — so you tune the interaction, not a frozen picture of it.

The editor loads your real page in a frame and paints the design inside it. Same stylesheet, same fonts, same pixel grid. What drifts between builder and site simply has nowhere to hide.

Publishing flattens the document into finished HTML and CSS, stored and served as-is. The heavy lifting happens once, at publish time — not on every visit.

Focus states, reduced-motion fallbacks, srcset sizes, FAQ schema, form submissions stored before they are sent. The boring parts are the point.

Does it lock me in?
The output is plain HTML and CSS. Turn Marfilo off and your published pages keep standing exactly as they are.
What about speed?
Pages are baked at publish. A visit costs one HTML document and one stylesheet — no builder runtime, no API calls.
Can I trust the preview?
It is not a preview. The canvas serves your real page and edits it in place.
One more thing, folded away

The toggle module: for the paragraph that only some readers need. This accordion’s FAQ even ships structured data for search engines.

same page, two readings

Designers: every knob you expect — type scales, gradients, shadows, per-device layouts — with live results and no CSS required.

Developers: semantic markup, zero-runtime output, an HTML escape hatch, and a module API when the catalogue is not enough.

This card has a back

Hover it (or focus it) to flip.

And a point

State lives in CSS, so the flip works with the keyboard and without JavaScript.

Neat

One document

Draw

Lay the page out on the real canvas.

Tune

Type, colour, spacing — per device.

Bake

Publish flattens it to pure HTML.

Serve

One request. No runtime.

Return

Reopen and it is all still live.

  1. Draw

    On the page itself.

  2. Tune

    Every detail, live.

  3. Bake

    One click.

  4. Serve

    Fast forever.

Day one

Port the builder

Marfilo began as a faithful port of a production ecommerce builder.

Since then

Make WordPress feel native

Documents, zones, revisions and baking — all speaking fluent WordPress.

Today

This page

Eighty-four modules, one document, no code.

Structured

Numbers, tables, plans

Sortable tables, comparison grids, pricing with a monthly–yearly toggle, menus with price leaders and trust badges. Structure is content here, not decoration: the table below really sorts, the toggle really switches.
FamilyModulesRuns without JS
Words & type14yes
Media17yes
Interaction12yes
Numbers & tables13yes
People & trust11yes
Marketing12yes

Nothing matches your search.

This pageMarfiloClassic builderHand-coded
Editor matches the site
Publishes static HTML
Needs a developer
Runtime on every visit
Time to this pagean afternoona weeka sprint
2 months free

Kindling

$0

forever

  • Every module
  • Every font and icon
  • Community support
Start free

Furnace

$49

a month

  • Everything in Stoked
  • Multisite bakeries
  • White-glove onboarding
Talk to us
The beanie
The beanie$18

Small, warm, photographed above.

The hoodie
The hoodiePopular$45

Star of four modules on this page.

The belt
The belt$55

Holds the whole outfit together.

Pixel parity

Editor and site measure the same — there is a test that checks.

Nothing lost

Form entries are stored before they are sent anywhere.

Per-device

Layout, type and visibility tuned for every screen width.

Baked output

Static HTML

Accessible

Keyboard first

Any language

Fully translatable

Licensed

Commercial-use assets

Trust

Proof and people

Faces, voices, logos and the practical blocks a real shop leans on: opening hours, a calendar of dates, clocks for the places you ship to. All of it editable in place, all of it honest HTML.
June Ashby

June Ashby

Marfilo keeper

Tends the fire. Believes a page should weigh less than its photography.

★★★★★★★★★★

I rebuilt our whole storefront in a weekend, and Monday’s Lighthouse report thought we had hired a performance consultant.

Rae Winter

Rae Winter

Owner, fictional but plausible shop

When the workshop is open

  • Monday to Friday09:00 – 19:00
  • Saturday10:00 – 14:00
  • SundayCooling down

The clock highlights today by itself.

Santiago

20:41

New York

19:41

Tokyo

08:41

8oct

Open studio: build along

18:00The workshop

Bring a layout, leave with a page.

Save the date
12nov

Module deep-dive: media

17:00Online

Galleries, magnifiers and the 360 viewer.

Save the date

Get started

Fire your first page

Tell us what you would build

The form module: fields you compose, entries stored before they are sent.

  1. Paso 1
  2. Message
Message

Submissions land in the Messages screen — nothing is lost to a mail server.

Everything above is a module. So is this.

Open the builder, drop your first section, and watch it bake.