Glowbom

Glowbom Web

Glowbom Web can help you turn any website into an app.

Get Started

Video Tutorial

Turn any website into an app.

Embed web pages, assets, and HTML code.

Step-by-Step Setup Instructions

Step 1

Open Glowbom and create an account if you haven’t done it already. It’s free and takes 30 seconds.

Step 2

Press + New Project at the top right corner:

Or press the little mic button and say: “Create an app.”

Step 3

Choose Web and press Select:

Or say: “Create a web app.”

Step 4

Enter the project name and press Create project:

Or say: “Create a web app called…“ with the name of your project.

Step 5

To add and modify web pages, press the little pencil button:

Or say: “Open an editor.”

Step 6

By default, you have 2 web pages. To add a new page, press the “+” button:

To edit the page, press the little pencil button.

To remove the page, press the remove button.

To close the editor, press the cross button at the top center.

Step 7

To add or edit the page, Fill out the page title and thumbnail URL fields. Put the link address or HTML code into the “Link or HTML” field. And mark the “Open in the Browser” field if you would like the page to open separately from the app in the browser:

And press the “Save” button.

You can put any HTML, CSS, or JavaScript inside the “Link or HTML” field. Here are few examples:

Formatted text with links

<center>
    <p style='width: 320px; max-width: 100%; text-align: left;'>
        <b>Music</b> is an art form, and a cultural activity, whose medium is sound. General definitions of music
        include common elements such as pitch (which governs melody and harmony), rhythm (and its associated concepts
        tempo, meter, and articulation), dynamics (loudness and softness), and the sonic qualities of timbre and texture
        (which are sometimes termed the "color" of a musical sound).
        <br>
        <br>
        Source: <a href='https://en.wikipedia.org/wiki/Music'>Wikipedia</a>
    </p>
</center>

Audio player

<center>
    <br>
    <p style='width: 320px; max-width: 100%; text-align: left;'>
        <b>Audio title is here</b>
    </p>
    <audio controls>
        <source src="LINK_TO_YOUR_AUDIO_FILE" />
    </audio>
    <p style='width: 320px; max-width: 100%; text-align: left;'>
        Audio description is here
    </p>
</center>

Video player

<center>
    <br>
    <p style='width: 320px; max-width: 100%; text-align: left;'>
        <b>Video title is here</b>
    </p>
    <video width="320" height="240" controls>
        <source src="LINK_TO_YOUR_VIDEO_FILE" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <p style='width: 320px; max-width: 100%; text-align: left;'>
        Video description is here
    </p>
</center>

Step 8

Press the “Play” button on the top right to run the project:

Or say: “Launch the project please.”

Press the “Stop” button on the top right to stop the project:

Or say: “Stop the project please.”

Next Steps

Publish your app

GPT-3 code generation

You can also use GPT-3 to generate HTML code if you have an OpenAI account. Here’s how it works.

Feedback

If you have any questions or feedback, please let us know support@glowbom.com.

This site is open source. Improve this page.