Integrations

Skirbi is integration-agnostic. The core packages — sugar, semtic, pinta, dibuho — work with any static site generator, server framework, or plain HTML file.

Integrations wire everything together for a specific environment.

Available

Hugo — Tatuahe

@tatuahe/hugo is a full Hugo theme built on semtic and pinta.

It handles templates, configuration, content workflows, and wiring. If you’re building a Hugo site, start here.

→ Tatuahe documentation

Livewire

@skirbi/semtic and @skirbi/pinta are tested against live projects with livewire. Morphing is fully supported. Legoooooooo!

Planned

Jekyll

A Jekyll integration is under consideration. The design principles are the same: semantic HTML output, pinta for theming, no class soup.

Roll your own

Skirbi components are standard custom elements. They work anywhere custom elements work.

Include the JS bundle, add semtic-theme to your root element, and write HTML. The rest is CSS.

html

<html semtic-theme>
  <head>
    <link rel="stylesheet" href="pinta.css">
    <script type="module" src="semtic.all.mjs"></script>
  </head>
  <body>
    <semtic-article title="Hello">
      <p>It just works.</p>
    </semtic-article>
  </body>
</html>