Overview

Joy DOM is a JSON document format. One document renders natively on the web (React), Apple platforms (Swift), and Android (Kotlin), using a focused subset of HTML and CSS. The result stays semantic, responsive, accessible, and machine-readable.

Learn

Quickstart

Render your first Joy DOM document in five minutes.

Tutorial

Build a business card document from scratch, one chapter at a time.

Platforms

React

Install, embed, and the full @joy-dom/react API.

Swift

Native SwiftUI / UIKit rendering via a flexbox layout engine.

Kotlin

Jetpack Compose and Compose Multiplatform.

Use cases

Invoice

A line-itemized invoice document.

Report

A multi-section report layout.

Resume

A resume / CV.

Migration

Migrating from PDF

Translating absolute-positioned PDF layouts into Joy DOM.

Migrating from HTML

Which HTML maps directly and what needs a custom node.

Reference

Specification

The numbered, deep-linkable format spec: nodes, properties, breakpoints, custom components.

Showcase

Examples of real Joy DOM documents will appear here. The current set is being curated - check back soon.