Tkeron - Build vanilla websites with TypeScript

Features

Four powerful primitives. All run at build time, producing clean vanilla output.

HTML Components.com.html

Reusable markup that gets inlined at build time. No runtime overhead, no virtual DOM. Pure HTML.

TypeScript Components.com.ts

Generate HTML programmatically with full TypeScript power. Runs at build time with Bun.

Markdown Components.com.md

Write content in Markdown with full GFM support. Converted to HTML at build time.

Pre-rendering.pre.ts

Transform entire documents at build time. Fetch APIs, manipulate DOM, inject content.

How It Works

Three commands. That's it.

1

Create

tk init my-site

Scaffold a new project with components and TypeScript support.

2

Develop

tk dev

Dev server with hot reload on port 3000.

3

Build

tk build

Compile to static files. Deploy anywhere.

See It In Action

Real examples showing each feature in use.

nav-menu.com.html
<nav class="main-nav">
  <a href="/">Home</a>
  <a href="/about">About</a>
  <a href="/blog">Blog</a>
</nav>
↓ used in
index.html
<nav-menu></nav-menu>

blog-posts.com.ts
const count = parseInt(com.getAttribute("count") || "3");
const items = [];

for (let i = 1; i <= count; i++) {
  items.push(`<article><h3>Post ${i}</h3></article>`);
}

com.innerHTML = items.join("");
↓ used in
index.html
<blog-posts count="5"></blog-posts>

about-section.com.md
## About Us

We are a **small team** building great tools.

| Feature     | Status |
| ----------- | ------ |
| Fast builds | ✅     |
| Zero config | ✅     |
↓ used in
index.html
<about-section></about-section>

                      index.pre.ts
                      runs at build time
                    
const res = await fetch("https://api.example.com/meta");
const data = await res.json();

const title = document.querySelector("title");
if (title) {
  title.textContent = data.title;
}

const content = document.getElementById("content");
if (content) {
  content.innerHTML = data.html;
}

Why Tkeron

Built for developers who want speed and simplicity.

Zero Config

No config files needed. Install, init, build. Done.

Zero Runtime

Components compile away. Your output is pure HTML, CSS, and JS.

Powered by Bun

Leverages Bun's native TypeScript transpilation and speed for fast builds.

No Lock-in

Output is vanilla. Move away anytime. Your code is yours.

Zero Dependencies

Tkeron's ecosystem uses only its own packages. No bloat.

AI Ready

Built-in MCP server lets AI agents understand and build with tkeron.

Get Started

Install Bun

curl -fsSL https://bun.sh/install | bash

Install Tkeron

bun install -g tkeron

Create your first project

tk init my-site && cd my-site && tk dev

Read the Docs