Astryx's design system, as standard custom elements. No React, no build step.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/oblyx/dist/oblyx.css" />
<script type="module" src="https://cdn.jsdelivr.net/npm/oblyx/dist/oblyx.js"></script>

Not published yet. The snippet above does not resolve today. To use Oblyx right now, build it from the repo: see the installation guide.

Live

PrimarySecondaryGhostDestructive

Two ways to use it

Plain HTML

Any server-rendered page reaches for the same tag directly.

<oblyx-button variant="primary">Primary</oblyx-button>
Installation guide →

Kotlin and Ktor

Builder functions generated from the same component manifest, with real enum constants.

oblyxButton(variant = OblyxButtonVariant.PRIMARY) { +"Primary" }
Kotlin and Ktor guide →

Browse components →