OPEN SOURCE

Themes

Two living backgrounds, free to keep.

Lila.Sutra runs on two living backgrounds: Nebula, a WebGL galaxy, and Ink, a parchment world with reactive neon text. Both are packaged as drop-in kits, a stylesheet and a script, no build step, no dependencies, free to use on any site.

THE KITSTWO KITS · APACHE 2.0 · NO BUILD STEP

Nebula

v1.0.0 · 10.3 KB gzip

A WebGL galaxy: nebula, starfield, drifting dust, and pointer response.

nebula.jsThe background itself. Self-contained.
nebula-palette.cssThe galaxy colors as CSS custom properties on :root. Use them in your own styles, or ignore them.
nebula-accents.cssTwinkle and pulse keyframes, plus helper classes for gilding your own elements.

<link rel="stylesheet" href="nebula-palette.css">
<script src="nebula.js" defer></script>

That is the whole install.

CHANGELOG

First public release: the living galaxy background, palette, and accent keyframes.

Apache 2.0 · no strings, no telemetry, no network calls

DOWNLOAD ZIP ↓● ACTIVE NOW

Ink

v1.0.0 · 9.5 KB gzip

A parchment world: a generative mandala court with gold veins, a quill trail, and reactive neon text.

ink.jsThe parchment world itself: mandala court, gold veins, quill trail. Self-contained.
ink-palette.cssThe parchment colors as CSS custom properties on :root. Use them in your own styles, or ignore them.
ink-neon.cssReactive glow styles and the .ls-neon helper class for text that lights on hover, touch, and drag.
ink-neon.jsThe interaction engine for neon text. Required alongside ink-neon.css.

<link rel="stylesheet" href="ink-palette.css">
<link rel="stylesheet" href="ink-neon.css">
<script src="ink-neon.js" defer></script>
<script src="ink.js" defer></script>

That is the whole install.

CHANGELOG

First public release: the parchment world (mandala court, quill, veins), palette, and the reactive neon.

Apache 2.0 · no strings, no telemetry, no network calls

DOWNLOAD ZIP ↓USE THIS THEME