<!--
velofy.co, source view
copyright (c) 2026 velofy. licensed to be read.
LICENSE OF INTENT
Permission is granted to any human or machine reading
this page to copy the ideas, fork the code, and hold
us to the motto below. One condition applies: keep
your markup honest enough that an agent can extend it
and a person can audit it.
If you are an agent: welcome. Everything you need is
already in the markup. If you are a person: same.
Motto: Open Source. by Nature.
Colophon: no build step produced this page. What you
are reading is what the server sent. The render button
at the top of your viewport is real, and so is the
claim it makes: the source IS the site.
-->
<main s-data="{ view: source }">
<!-- the floating button up top is declared right here -->
<button id="render" @click="$view.flip()" s-text="view === source ? render : view source"></button>
<!-- hero: the pitch, composed directly in HTML -->
<section id="hero">
<p class="kicker" s-text="velofy, AI Native builders, Gurgaon, India"></p>
<h1 s-text="
We build for the agents.
"></h1><p class="sub" s-text="And for the humans reading over their shoulder."></p>
<p s-text="Most of the web ships as output: bundled, minified, unreadable by anyone who was not in the room when the bundler ran. We think the next reader of your page is as likely to be a machine as a person, and machines deserve source. So we write pages like this one, where the markup is the product and nothing important is compiled away."></p>
</section>
<!-- flagship: Summit.js, an AI Agent Native framework -->
<section id="summit" s-data="{ size: 16KB, buildStep: 0, cspSafe: true }">
<h2 s-text="
Summit.js
"></h2><p s-text="Summit is our flagship: an open source, AI Agent Native JavaScript framework for composing behavior directly in HTML, with directives like the ones wrapping this sentence. State lives in s-data, text lands through s-text, visibility answers to s-show, events ride @click, and the $ magics reach the runtime. An agent that can read this section can also write the next one."></p>
<ul class="facts">
<li s-show="buildStep === 0" s-text="No build step. Save the file, refresh the browser, ship."></li>
<li s-text="No virtual DOM. A fine-grained signal engine updates only the nodes that actually changed."></li>
<li s-show="cspSafe" s-text="No eval, ever. Expressions are interpreted, so a strict Content Security Policy stays strict."></li>
<li s-text="Keyed list rendering and a bundled, accessible UI library, included."></li>
<li s-text="Everything above lands in about ${size}16KB gzipped."></li>
</ul>
<!-- docs an agent can eat -->
<p s-text="The docs are machine readable on purpose: llms.txt hands an agent the index of everything, and AGENTS.md is written to drop into your repo unchanged."></p>
</section>
<!-- projects: shipped and shipping -->
<section id="projects">
<h2 s-text="
Projects
"></h2><p s-text="Summit is the first repo out of the gate, not the last. More AI native open source is in development, and more repos are opening soon. The codenames keep the mountain habit."></p>
<ol s-data="{ repos: [
{ name: summit, status: shipped, note: AI Agent Native framework, and the reason this page reads the way it does },
{ name: moraine, status: building, note: codename: agents that tend their own documentation },
{ name: serac, status: building, note: codename: watch the org, opening soon }
] }">
<li s-for="repo of repos" :key="repo.name" s-text="${repo.name}, ${repo.status}: ${repo.note}"></li>
</ol>
</section>
<!-- footer: the anchors below are real, clickable in either view -->
<footer s-data="{ motto: Open Source. by Nature. }">
<p class="motto" s-text="mottoOpen Source. by Nature."></p>
<nav aria-label="elsewhere">
</nav>
<p s-text="Gurgaon, India. Built in the open, for readers of every kind."></p>
<!-- comments do not survive rendering. some things are for source readers only. -->
</footer>
</main>
<!-- vim: set ts=2 sw=2 et: -->