Jhana UI

A minimal Svelte 5 UI library by 8ix

Documentation for package version 2.0.0, built on 11/4/2026.

Visit this project on GitHub

Jhana is built for my own productivity tools, including Infinipose, Cover Designer, Print Meter and IconBase. It combines native HTML, reusable Svelte components and shared CSS conventions, with room for app-specific controls.

Setup

Since this package is not on npm and only on GitHub Packages, you have to add this line to your .npmrc file.

.npmrc

@leon8ix:registry=https://npm.pkg.github.com

After that, you can normally install the package with your package manager of choice.

> terminal

bun i @leon8ix/jhana-ui

Use Svelte 5.29 or newer within Svelte 5 and a modern browser. Import the font and stylesheet, then apply theme-root to the app's body. Import your app's styles afterward.

+layout.svelte

import '@leon8ix/jhana-ui/fonts/inter';
import '@leon8ix/jhana-ui/style.css';

Start with the conventions

Read Layout and Fields for labels, natural widths, aligned controls and spacing, then Help and Tooltips for supplementary explanations.

The package includes consumer and agent guides at @leon8ix/jhana-ui/docs/README.md. Point your app's agent instructions there. The linked migration guide covers changed markup and trying a local package before release.