BL.
A programming language made of English sentences

Describe the website. BL writes the code.

BL isn't a wrapper around JavaScript and it isn't autocomplete — it's a real, own language with its own fixed grammar. You write plain sentences like "Add a button labeled 'Buy Now' that goes to the 'Checkout' page," and BL's compiler turns that directly into a real, working website: HTML, CSS and JavaScript files, ready to upload anywhere.

Open the Builder → See the language
home.blBL
Create a page called "Home".

Make the background light blue.

On the "Home" page:
    Add a heading that says
      "Welcome to my shop".
    Add a button labeled "Buy Now"
      that goes to the "Checkout" page.
home.jswhat BL replaces
const page = document.createElement('section');
document.body.style.background = '#DCEBF7';
const h1 = document.createElement('h1');
h1.textContent = 'Welcome to my shop';
const btn = document.createElement('button');
btn.textContent = 'Buy Now';
btn.onclick = () => showPage('checkout');
page.append(h1, btn);
document.body.appendChild(page);

The language, in full

Every BL sentence follows one fixed shape, which is what lets a computer read it reliably — the same idea SQL and AppleScript use. Below is the complete v1 grammar. Type any of these straight into the Builder.

PagesEvery site starts with at least one page.
Create a page called "Home". On the "Home" page: (then indent everything on that page)
ContentWhat appears on a page.
Add a heading that says "...". Add a subheading that says "...". Add a paragraph that says "...". Add an image from "url" with alt text "...". Add a link labeled "..." that goes to "url".
ButtonsEvery button says exactly what it does.
Add a button labeled "..." that goes to the "Page" page. Add a button labeled "..." that shows "message". Add a button labeled "..." that increases Count by 1. Add a button labeled "..." that adds "value" to ListName.
DataNumbers and lists your site remembers.
Create a number called Count, starting at 0. Create a list called Tasks. Add "Buy milk" to Tasks. Show Count. For each item in Tasks, add a paragraph that shows the item.
InputsLet visitors type something in.
Add a text input called Name with placeholder "...". Add a button labeled "..." that adds the value of Name to ListName.
StyleApplies to the whole site, or one page if written inside it.
Make the background light blue. Make the heading color dark blue. Make the button color coral. Center everything.

How it works

No installs, no accounts. The whole thing runs in your browser.

1

Write BL in the Builder

Type sentences describing your pages, content and buttons. The preview updates as you type.

2

BL compiles it instantly

The compiler (running right in your browser) turns your sentences into real index.html, style.css and script.js files.

3

Download and host it anywhere

Click "Download ZIP", then upload the files to Hostinger (or any host) — it's a plain static website, so it just works.

Start building →