@kwacha-kulture/savanna-elements

Savanna as native Web Components. Real components — <sv-button>, <sv-card>, <sv-badge>, <sv-input>, <sv-mark>, <sv-adinkra> — that work in Vue, Svelte, Angular, Solid, or plain HTML. Each uses a shadow root with the Savanna stylesheet adopted, so it's fully encapsulated and drop-in.

<script type="module">
  import { defineSavannaElements } from 'https://esm.sh/@kwacha-kulture/savanna-elements';
  defineSavannaElements();
</script>

<sv-button variant="primary">Get started</sv-button>
<sv-badge tone="emerald">Live</sv-badge>
<sv-mark size="40"></sv-mark>
<sv-adinkra name="sankofa" size="48"></sv-adinkra>

Bundler (any framework):

import { defineSavannaElements } from '@kwacha-kulture/savanna-elements';
defineSavannaElements();

Built on @kwacha-kulture/savanna-css. MIT licensed. Part of the Savanna design suite by Kwacha Kulture.