Get the free theme

<loupely-canvas> wordpress theme

Paste your markup.
It renders as written.

WordPress injects styles you didn’t write, wraps your layout in containers you didn’t ask for, and fights your overrides with inline CSS you can’t beat without !important. Canvas removes all of that. Edge to edge, exactly what you pasted.

free, from GitHub · editions and install

Custom HTML block
1<section class=“hero”>
2  <h1>Ship it as written.</h1>
3  <p>Full width. No container.</p>
4  <a class=“btn”>Read more</a>
5</section>
tap to compare
yoursite.com
Ship it as written.

Full width. No container.

Read more

edge to edge. exactly what you pasted.

<features>

Most blank themes still
impose something.

A max-width container. Injected block CSS. Global styles you never asked for. Canvas removes all of it. Every feature below solves a real problem.

<passthrough/>

Full width passthrough

Custom HTML blocks render at full viewport width. No max-width container. No injected block CSS. What you paste is what ships.

<header-footer/>

Global header and footer

Set them once. They wrap every page automatically. Paste raw HTML, including style and script tags. No template sync.

<code-injection/>

Head and body injection

Analytics, fonts, chat widgets, verification tags. Two boxes: one in <head>, one before </body>. No functions.php required.

<per-page/>

Per page override

One landing page needs no nav. Another needs a different footer. Any page can use the global layout, supply its own, or show nothing.

<find-and-replace>

Find something in
a 300-line block. Good luck.

The browser’s Ctrl+F searches the page. It cannot search inside a textarea. With a long Custom HTML block, you have no tool for finding anything inside it. Until now.

Press Ctrl+F or Cmd+F inside any HTML box and a find and replace bar appears, searching the actual contents. Regex, case sensitivity, whole word. Works in Custom HTML blocks, the code editor view, the classic editor, and all of the theme’s own settings boxes.

Get the free theme
nav.html
<nav class="site-nav">
  <a href="/" class="site-nav__link">Home</a>
  <a href="/pricing" class="site-nav__link">Pricing</a>
  <a href="/docs" class="site-nav__link">Docs</a>
</nav>

<div class="site-nav__mobile" hidden>
  <!-- mobile drawer -->
</div>
1 of 5

Try replacing site-nav with main-nav, or toggle whole word and watch 5 matches drop to 1.

<free-and-pro>

The free theme is complete.
Pro is for scale.

Everything on this page ships free, forever. Canvas Pro adds a full page editor, snippet library, multiple header and footer sets, reusable page templates, and version history.

See Canvas Pro

Want a running start? Try the free starter kit.

<demo>

See what Canvas
actually builds.

Trestle Coffee Co. is a fictional coffee roaster built entirely in HTML, CSS, and JavaScript using Loupely Canvas and Canvas Pro.

Every page, live chart, and interactive element is a Custom HTML block on WordPress, rendered full width, with no page builder involved.

The pages, the roast log animations, the grind dial-in, the order tally, the welcome sequence. All of it is markup you can inspect.

Visit Trestle Coffee Co.
trestlecoffee.co
Bracken Valley & Northern · Dispatch Milepost 47
Departure time
0
0
0
0
8
8
8
8
:
1
1
1
1
4
4
4
4
Conditions
Consist
set the time, conditions, and consist, then dispatch
closed
The freight house is closed.
Milepost 47, Hartshorn
Della’s log
Waiting for the 8:14.
The 8:14 has not run since 1971.  We kept the hours.
// a Custom HTML block. full width. no builder. visit →

</wordpress-getting-in-the-way>

WordPress, finally
out of your way.

Download the free theme and have your HTML rendering full width on WordPress in under ten minutes.

free theme is complete on its own. pro is sold separately.