Stone UI

Framework-agnostic component blueprints with a React adapter.

Packages

• @stone-uii/core: blueprint definitions and node composition utilities.
• @stone-uii/react: React renderer and primitives.

Install

pnpm add @stone-uii/react @stone-uii/styles

Usage (React)

import "@stone-uii/styles/stone.css";
import { Button } from "@stone-uii/react";

export function Example() {
  return (
    <Button intent="outline" size="lg">
      Click me
    </Button>
  );
}

CLI (ShadCN-style)

npx @stone-uii/cli init
npx @stone-uii/cli add button
npx @stone-uii/cli add neon-border

Usage (Blueprint -> React)

import * as React from "react";
import { ButtonBlueprint } from "@stone-uii/core";
import { renderToReact } from "@stone-uii/react";

const blueprint = new ButtonBlueprint();

export function Example() {
  return renderToReact(blueprint, { intent: "primary", children: "Save" });
}