Get Started

Markup is a plug and play library, which means, you don't need to build or compile it into anything to be able to see what you build.

Additionally, you can run it on the client and server to produce any type of application.

Essentials Training

Markup Essentials Training

Learn everything about Markup including tips and best practice guides to build web interface.

Try it in-Browser

The simplest way to start is by trying it in-browser, and we have set up few project you can get started with:


The simplest way to start is by creating an html file and adding the following content. You can then open it in the browser to see.

<!DOCTYPE html>
<html lang="en">
    <title>Hello World</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <script src=""></script>
    <div id="app"></div>

      const { html, state } = BFS.MARKUP;

        <h1>Hello World</h1>

Vite Project

Another amazing way to start is by using vite to create a project.

Simply run the following command:

npm create vite@latest

You are then prompted and you should:

  1. Enter project name
  2. Select Vanilla as the framework
  3. Select either TypeScript(prefered) or JavaScript

This will create a project in the current directory you are on. You can then follow by installing Markup.

npm install @beforesemicolon/markup

For project content, you can look at the following Web App example to have an idea on how to structure things. Markup has everything you need to start simple.