Documentation

Welcome to liteai.me. This platform allows you to write, preview, and publish simple Python (PyScript) and JavaScript applications instantly directly from your browser.

⚡ Quick Start

Follow these 3 steps to get your first app online in less than a minute.

1

Create a Project

Go to your Dashboard and click "New Project". Give it a name like hello-world.

2

Write Your Code

You can choose between Python or JavaScript. Copy one of the examples below:

Option A: Python (PyScript)

<h1>Hello PyScript 🐍</h1>
<div id="output"></div>

<script type="py">
    from pyscript import display
    display("Hello World!", target="output")
</script>

Option B: JavaScript

<h1 id="title">Hello JavaScript 📜</h1>
<button onclick="sayHello()" class="bg-blue-500 text-white p-2 rounded">
    Click Me
</button>

<script>
    function sayHello() {
        const title = document.getElementById('title');
        title.innerText = "Hello World! JS is active.";
        alert("Welcome to liteai.me!");
    }
</script>

3

Publish

Click the yellow Publish button. You will get a unique URL to share with the world immediately.

🐍 Using PyScript

Here is a complete, working example of a PyScript application. You can copy this entire block and paste it into the editor to get started.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello PyScript</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Load PyScript -->
    <link rel="stylesheet" href="https://pyscript.net/releases/2024.1.1/core.css" />
    <script type="module" src="https://pyscript.net/releases/2024.1.1/core.js"></script>

    <style>
        body {
            background: #0b0e14;
            color: #e5e7eb;
            font-family: system-ui, -apple-system, sans-serif;
            padding: 40px;
        }
        h1 { color: #38bdf8; }
        #output {
            margin-top: 16px;
            padding: 12px;
            background: #1e293b;
            border-radius: 8px;
            border: 1px solid #334155;
        }
    </style>
</head>
<body>

    <h1>Hello PyScript 🐍</h1>
    <div id="output"></div>

    <script type="py">
        # 3. IMPORT display explicitly
        from pyscript import display

        print("Check your browser console (F12) to see this!")
        
        # Now this will work
        display("Hello World! This is Python running in your browser.", target="output")
    </script>

</body>
</html>

📊 Analytics & Tracking

Every published app comes with built-in analytics. We track detailed metrics automatically so you don't have to setup Google Analytics.

Page Views: Total number of visits.
Device Type: See if users are on Mobile, Tablet, or PC.
Operating System: Track Windows, iOS, Android usage.
Browser: Chrome, Safari, Firefox breakdowns.

Note: Analytics data is processed in the background to ensure your app loads instantly for visitors.