Praxis Kit

npmpraxis-kit

Contract-driven component factory with a dedicated Preact adapter subpath.

ExperimentalActive

Quick start GitHub npm Documentation

Verdict

Experimental

Compatibility is possible but still being validated for production Preact use.

Overview

Praxis Kit provides `createContractComponent`, a factory for typed, accessibility-aware UI primitives. The Preact adapter lives at `praxis-kit/preact` and shares enforcement, styling and preset logic with the React, Vue, Solid and Svelte adapters.

Quick start

~%npm install praxis-kit

1import { createContractComponent } from "praxis-kit/preact";2 3const Button = createContractComponent({4  tag: "button",5  styling: {6    base: "rounded px-4 py-2",7    variants: { tone: { primary: "bg-blue-600 text-white" } },8    defaults: { tone: "primary" },9  },10  enforcement: { diagnostics: "warn" },11});12 13export function SaveAction() {14  return <Button tone="primary">Save</Button>;15}

Praxis Kit

Experimental

Overview

Runtime & deployment

SSR notes

Islands notes

Preact integration

Known limitations

Overview

Runtime & deployment

SSR notes

Islands notes

Preact integration

Known limitations

Related projects