🚀 Clera

Build real apps with HTML, CSS, and JavaScript. No framework. No build step.

Clera is a runtime that turns web code into real app experiences. Write your app in HTML, CSS, and JavaScript. Preview it live in Clera Studio. Ship it as a Website, PWA or Native app.

---

👀 What it looks like

<app>
  <page name="tasks" oncreate="loadTasks">
    <h1>My Tasks</h1>

    <ul id="taskList"></ul>

    <form action="addTask">
      <input name="taskTitle" placeholder="New task" />
      <button type="submit">Add</button>
    </form>
  </page>
</app>

<script src="app.js"></script>

function loadTasks() {
  document.getElementById("taskList").innerHTML = "<li>Buy groceries</li>";
}

function addTask(context) {
  const item = document.createElement("li");
  item.textContent = context.values.taskTitle;
  document.getElementById("taskList").appendChild(item);
}

That is a working app. No setup, no imports, no configuration.

---

✨ What Clera gives you

• Clera Runtime — runs your app inside a controlled, secure environment
• Clera Studio — the IDE built for Clera, with a built-in simulator so you can preview your app on a phone screen without leaving your editor
• Export anywhere — package as a PWA or native app when you are ready

---

⚙️ How it works

You write HTML, CSS, and JavaScript the same way you always have. Clera adds a thin runtime layer on top that handles pages, navigation, lifecycle, and actions. Your code stays normal. The runtime carries the weight.

Write HTML / CSS / JS
        ↓
Clera runtime mounts and manages your app
        ↓
Preview instantly in the simulator
        ↓
Export as PWA or native app

---

📂 Project structure

my-app/
├── index.html    ← your app
├── styles.css
└── app.js

---

🔬 Status

Clera is in active pre-release development. The runtime, compiler, and studio are being built and tested. Early access is available to a small group of testers.

If you are interested in testing Clera before launch, open an issue or start a discussion.

---

📜 License

Licensed under the MIT License.

You are free to use, modify, and distribute this software for personal and commercial purposes, subject to the terms of the MIT License.

See the full license text in the LICENSE file.