Type to search…

Koweb

Kobweb is an opinionated framework built on top of Compose HTML.

Introduction

Koweb includes everything you need to build rich, dynamic websites, as well as web applications, while being able to leverage the greater Kotlin ecosystem.

This means you get to use HTML (an elegant, reactive library which should be familiar to most Android developers) to declare your HTML structure while also leaning on the Kobweb framework for features like page routing, client/server communication, light/dark color mode support, and a modern widget set.

Getting Started

The first step for starting with Kobweb is to get the Kobweb binary. You can install it, download it, and/or build it, so we’ll include instructions for all these approaches.

When in doubt, we recommend installation via one of the package managers we support.

ps
scoop bucket add java
scoop install java/openjdk

scoop bucket add varabyte https://github.com/varabyte/scoop-varabyte.git
scoop install varabyte/kobweb
Kobweb IntelliJ Plugin

This step is optional, but consider installing the Kobweb IntelliJ Plugin. This plugin aims to provide inspections, actions, settings, templates, and IDE integrations for Kobweb-specific concepts.

In a terminal, run the following commands:

ps
kobweb create app

You’ll be asked a few questions required for setting up your project.

You don’t need to create a root folder for your project ahead of time – the setup process will prompt you for one to create.

Notice that there’s no index.html or routing logic anywhere! Kobweb generate that for you automatically when you build your Kobweb project.

Run the default app site

ps
cd project/site
kobweb run

You're reading a preview.

Sign in with Google to read the full page. A Google account includes 5 free pages in total; students and teachers read their course pages without limit.

Sign in