▚skeehn
DocsComponentsGitHub

Ecosystem

Use skeehn anywhere

skeehn is CSS-first — every component is plain CSS on plain markup, driven by tokens. So it works in React today, in Vue / Svelte / Astro / Lit / plain HTML via Web Components, or with no framework at all.

First-class

React

Typed wrappers, hooks, the AI SDK layer, and blocks:

tsx5 lines
npm i @skeehn/react
import '@skeehn/core/styles.css';
import { ChatBubble } from '@skeehn/react';

<ChatBubble role="assistant">Hello from skeehn</ChatBubble>

Anywhere

Web Components — Vue, Svelte, Astro, Lit, HTML

@skeehn/wc ships light-DOM custom elements that render skeehn markup, so the global CSS styles them. Zero dependencies:

html8 lines
<link rel="stylesheet" href="https://unpkg.com/@skeehn/core/dist/styles.css" />
<script type="module">
  import { defineSkeehnElements } from '@skeehn/wc';
  defineSkeehnElements();
</script>

<skeehn-button variant="solid">Send</skeehn-button>
<skeehn-chat-bubble role="assistant">Hello from skeehn</skeehn-chat-bubble>

No framework

CSS-only

Include the stylesheet, set data-theme, and write the markup with skeehn classes — no JavaScript required:

html7 lines
<link rel="stylesheet" href="https://unpkg.com/@skeehn/core/dist/styles.css" />
<html data-theme="light">  <!-- or dark, default, terminal, brutal… -->

<button class="sk-btn" data-variant="solid">Send</button>
<div class="sk-chat-bubble" data-role="assistant">
  <div class="sk-chat-bubble__content">Hello from skeehn</div>
</div>

Starter

Clone a full app

The examples/starter is a deployable Next.js app with chat (AI SDK), voice, and site surfaces — all from one themeable foundation. See also Use with AI agents.