mobius-os.github.io/index.html at main · mobius-os/mobius-os.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Möbius OS: Build the apps that fit your life</title>
  <meta name="description" content="Möbius is an open-source, self-hosted AI workspace where you and your agents build useful apps, carry them across phone and web, and improve the system over time.">
  <meta name="keywords" content="Möbius OS, personal AI, open source AI, self-hosted AI, AI app builder, AI agents, adaptive apps, personalization, reflection, self-improvement">
  <link rel="canonical" href="https://mobius-os.github.io/">
  <link rel="icon" type="image/png" href="mobius-brand.png">
  <meta name="theme-color" content="#0d0d0d">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Möbius OS">
  <meta property="og:url" content="https://mobius-os.github.io/">
  <meta property="og:title" content="Möbius OS: Build the apps that fit your life">
  <meta property="og:description" content="Build useful personal apps, use them across phone and web, and improve the system with every loop.">
  <meta property="og:image" content="https://mobius-os.github.io/assets/social-preview.png?v=20260716">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="Möbius OS with Atlas on the web and Tandem on an iPhone">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Möbius OS: Build the apps that fit your life">
  <meta name="twitter:description" content="Build useful personal apps, use them across phone and web, and improve the system with every loop.">
  <meta name="twitter:image" content="https://mobius-os.github.io/assets/social-preview.png?v=20260716">
  <meta name="twitter:image:alt" content="Möbius OS with Atlas on the web and Tandem on an iPhone">
  <link rel="preconnect" href="https://rsms.me/">
  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
  <link rel="stylesheet" href="style.css">
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "Möbius OS",
    "alternateName": "Mobius OS",
    "applicationCategory": "DeveloperApplication",
    "operatingSystem": "Docker, Linux, PWA",
    "description": "An open-source, self-hosted AI workspace where people and agents build useful apps and improve the system over time.",
    "url": "https://mobius-os.github.io/",
    "image": "https://mobius-os.github.io/assets/social-preview.png?v=20260716",
    "screenshot": "https://mobius-os.github.io/assets/product/editor-continuity.png",
    "codeRepository": "https://github.com/mobius-os/mobius",
    "license": "https://opensource.org/licenses/MIT",
    "isAccessibleForFree": true,
    "sameAs": ["https://github.com/mobius-os", "https://mobius-os.github.io/"],
    "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
  }
  </script>
</head>
<body>
  <header class="site">
    <div class="inner">
      <a class="brand" href="/" aria-label="Möbius OS home">
        <img src="mobius-brand.png" alt="" class="brand-mark" width="28" height="28">
        <span>Möbius OS</span>
      </a>
      <nav aria-label="Primary navigation">
        <a href="#apps">Apps</a>
        <a href="#personalization">Personalization</a>
        <a href="#self-improvement">Self-improvement</a>
        <a class="nav-launch" href="https://mobius.you/">Launch</a>
      </nav>
    </div>
  </header>

  <main class="landing-main">
    <section class="product-hero" id="product">
      <div class="product-hero-copy">
        <p class="eyebrow">Open-source AGI app platform</p>
        <h1>Build the apps that fit your life.</h1>
        <p class="hero-lead">
          Möbius gives a capable coding agent a workspace it can shape. Build useful apps,
          open them anywhere, and improve the system through memory, reflection, and use.
        </p>
        <div class="hero-actions">
          <a class="btn" href="https://mobius.you/">Start your Möbius</a>
          <a class="btn secondary" href="https://github.com/mobius-os/mobius">Explore the source</a>
        </div>
        <p class="hero-note">Bring a ChatGPT plan with Codex access or a supported Claude Code plan. Your data stays in the deployment you control.</p>
      </div>

      <div class="hero-product" aria-label="The Möbius app platform">
        <figure class="product-window hero-platform-window">
          <img src="assets/product/app-store.png" alt="The Möbius App Store with community apps for building, memory, learning, and daily work" width="2048" height="1712">
        </figure>
        <p class="hero-platform-note"><strong>Start with an app.</strong> Keep shaping it with your agent.</p>
      </div>
    </section>

    <section class="product-thread" aria-label="Möbius product principles">
      <span>Build useful apps</span>
      <span>Use them on phone and web</span>
      <span>Personalize the workspace</span>
      <span>Improve the loop</span>
    </section>

    <section class="builder-section">
      <div class="section-intro">
        <h2>Open the same work from your phone or computer.</h2>
        <p>
          Editor keeps the files behind your apps close at hand. Read and change the same
          project from a computer or phone, with an agent ready when you want help.
        </p>
      </div>
      <div class="builder-grid">
        <figure class="continuity-stage">
          <img src="assets/product/editor-continuity.png" alt="Editor showing source code on the web and the same project files on an iPhone" loading="lazy" width="1600" height="980">
        </figure>
        <div class="builder-copy">
          <div class="builder-point">
            <div><h3>See what you are working on</h3><p>Browse app files, open the source, and check the state of the repository in one place.</p></div>
          </div>
          <div class="builder-point">
            <div><h3>Keep going wherever you are</h3><p>Browse the same project from your phone and follow the work without setting up another environment.</p></div>
          </div>
          <a class="text-link" href="docs/contributing.html">See how Möbius apps work <span aria-hidden="true">→</span></a>
        </div>
      </div>
    </section>

    <section class="app-showcase" id="apps">
      <div class="section-intro section-intro--wide">
        <h2>Find an app for the thing you need to do.</h2>
        <p>
          Start with an app from the community. If it does not fit, change it or build the
          missing piece with your agent.
        </p>
      </div>

      <article class="atlas-feature">
        <figure class="product-window atlas-media">
          <img src="assets/product/atlas-desktop.png" alt="Atlas showing a country sidebar beside an interactive globe" loading="lazy" width="1120" height="760">
        </figure>
        <div class="atlas-copy">
          <p class="app-label">Atlas · Travel</p>
          <h3>Turn the places you have been into a living map.</h3>
          <p>Mark visited countries, save the next ones, and watch your world take shape.</p>
        </div>
      </article>

      <div class="app-gallery">
        <article class="phone-story">
          <figure class="iphone-mockup showcase-phone">
            <img src="assets/product/tandem-iphone.png" alt="Tandem showing a bilingual story with the word abandonment selected and translated" loading="lazy" width="669" height="1310">
          </figure>
          <p class="app-label">Tandem · Language learning</p>
          <h3>Read a richer story in two languages.</h3>
          <p>Tap a word for its translation without leaving the page.</p>
        </article>
        <article class="news-story">
          <figure class="product-window news-media">
            <img src="assets/product/news-digest.png" alt="News showing a World Cup digest with an Argentina semifinal summary" loading="lazy" width="1060" height="520">
          </figure>
          <p class="app-label">News · Daily briefing</p>
          <h3>Wake up to the stories worth your attention.</h3>
          <p>Your agent curates a daily digest around the topics you care about.</p>
        </article>
        <article class="phone-story">
          <figure class="iphone-mockup showcase-phone">
            <img src="assets/product/brazil-trip-iphone.png" alt="A personal Brazil travel app with itinerary, weather, and trip progress" loading="lazy" width="669" height="1310">
          </figure>
          <p class="app-label">Brazil 2026 · Personal travel</p>
          <h3>Build the travel companion your trip needs.</h3>
          <p>Keep plans, places, phrases, weather, and memories together.</p>
        </article>
      </div>
      <a class="text-link" href="apps/">Browse the current catalog <span aria-hidden="true">→</span></a>
    </section>

    <section class="personal-section" id="personalization">
      <div class="personal-copy">
        <h2>Your workspace should feel more like yours over time.</h2>
        <p>
          Themes change how the workspace looks. Memory keeps useful context available in
          other apps, while Reflection notices work that you should not have to repeat.
        </p>
        <div class="personal-list">
          <div><strong>Memory</strong><span>Keep durable context available across apps and agents.</span></div>
          <div><strong>Reflection</strong><span>Turn yesterday's friction into tomorrow's better default.</span></div>
          <div><strong>Themes</strong><span>Make the whole workspace calm, expressive, or completely your own.</span></div>
        </div>
      </div>
      <div class="personal-visual">
        <figure class="iphone-mockup memory-phone">
          <img src="assets/product/memory-graph-iphone.png" alt="Memory showing connected notes as a graph on an iPhone" loading="lazy" width="669" height="1310">
          <figcaption>Your memory, connected.</figcaption>
        </figure>
        <figure class="theme-frame">
          <img src="assets/product/themes.png" alt="Möbius shown in its default theme and an expressive custom theme" loading="lazy" width="880" height="955">
          <figcaption>The same workspace can look completely different.</figcaption>
        </figure>
      </div>
    </section>

    <section class="community-section" id="self-improvement">
      <div class="section-intro">
        <h2>Open-source AGI grows through what people build.</h2>
        <p>
          Build around a need you have. Memory makes the experience personal, Reflection turns friction
          into improvements, and Contribute helps useful work raise productivity across the community.
        </p>
      </div>
      <div class="ecosystem-stage">
        <ol class="ecosystem-flow" aria-label="How people grow the Möbius ecosystem">
          <li class="ecosystem-step">
            <div class="ecosystem-icon ecosystem-icon--mobius"><img src="mobius-brand.png" alt="" width="72" height="72"></div>
            <div><span>Build</span><h3>Start with your own need.</h3><p>Create an app or change the platform with your agent.</p></div>
          </li>
          <li class="ecosystem-step">
            <a class="ecosystem-icon" href="apps/memory.html" aria-label="Learn about the Memory app"><img src="assets/product/memory-icon.png" alt="" loading="lazy" width="72" height="72"></a>
            <div><span>Personalize</span><h3>Make it yours.</h3><p>Memory keeps useful context available across apps.</p></div>
          </li>
          <li class="ecosystem-step">
            <a class="ecosystem-icon" href="apps/reflection.html" aria-label="Learn about the Reflection app"><img src="assets/product/reflection-icon.png" alt="" loading="lazy" width="72" height="72"></a>
            <div><span>Improve</span><h3>Strengthen the loop.</h3><p>Reflection finds work worth making better next time.</p></div>
          </li>
          <li class="ecosystem-step">
            <a class="ecosystem-icon" href="apps/contribute.html" aria-label="Learn about the Contribute app"><img src="assets/product/contribute-icon.png" alt="" loading="lazy" width="72" height="72"></a>
            <div><span>Contribute</span><h3>Share what generalizes.</h3><p>Give useful apps and platform changes a path back to the community.</p></div>
          </li>
        </ol>
        <span class="ecosystem-signal" aria-hidden="true"></span>
        <p class="ecosystem-return"><span aria-hidden="true">↻</span> Useful work flows back into Möbius and raises the baseline for everyone.</p>
      </div>
    </section>

    <section class="final-cta">
      <img src="mobius-brand.png" alt="" width="72" height="72">
      <p class="eyebrow">Start with one useful loop</p>
      <h2>Build something you will want to open tomorrow.</h2>
      <p>Launch a private workspace with Codex or Claude Code, or explore the open-source platform and community apps.</p>
      <div class="hero-actions">
        <a class="btn" href="https://mobius.you/">Start your Möbius</a>
        <a class="btn secondary" href="https://github.com/mobius-os/mobius">Visit GitHub</a>
      </div>
    </section>
  </main>

  <footer class="site">
    <div class="inner">
      <span>Möbius OS · Open source · MIT</span>
      <span><a href="https://mobius.you/">Launch</a> · <a href="apps/">Apps</a> · <a href="spec/">Spec</a> · <a href="https://github.com/mobius-os/mobius">GitHub</a></span>
    </div>
  </footer>
</body>
</html>