Kivi is a javascript (TypeScript) library for building web user interfaces.

It provides Virtual DOM API for DOM manipulations, UI Components and Scheduler tightly integrated with UI Components.

Kivi API is designed specifically to provide fast bootstrap time (cold start) and fast hot updates, good debugging and profiling experience (preserving stack traces), good minification by advanced javascript optimizing compilers.

Kivi JSFiddle

Example

import {ComponentDescriptor, injectComponent} from "kivi";

const Main = new ComponentDescriptor()
  .update((c, props) => {
     c.sync(c.createVRoot().child(`Hello ${props.name}`));
  });

injectComponent(Main, document.body, {name: "World"});

Documentation

• Getting Started
• Basics
  • Components
  • Virtual DOM
• Advanced
  • Element Descriptor
  • Scheduler
  • Components
  • Virtual DOM
  • Events
  • Reactive Bindings
• Experimental
  • Incremental Rendering

Examples

• Intro
• Stateful Component
• Canvas
• TodoMVC

Performance

Kivi has one of the fastest Virtual DOM implementations, it was designed from the ground up with high performance in mind.

Benchmarks:

• uibench
• dbmonster
• 10k components