One behavior model for UI, forms, auth, HTTP, and document head across every JavaScript stack. Your styling system.

Sometic is a portable application behavior system. Shared controllers power the app; thin adapters give you React, Vue, and sometic-* custom elements. Styling stays yours: slots, state attributes, and tokens plug into Tailwind, Bootstrap, CSS Modules, or plain CSS.

Docs: https://sometic.dev

Pick the stack you ship. Prefer subpath imports so you only pull what you use.

pnpm add @sometic/react @sometic/core @sometic/theme

npm install @sometic/react @sometic/core @sometic/theme

yarn add @sometic/react @sometic/core @sometic/theme

pnpm add @sometic/vue @sometic/core @sometic/theme

pnpm add @sometic/elements @sometic/theme

Copy-ready install blocks for every package live on the Installation page.

import { Button } from "@sometic/react/button";

export function SaveAction() {
    return (
        <Button type="button" onClick={() => {}}>
            Save
        </Button>
    );
}

More patterns (forms, auth, HTTP, overlays, structure) are in the Introduction and component guides.

Honest beta inventory: What’s included. Maturity labels: Beta maturity. Why this vs alternatives: Comparison.

• Introduction
• Beta maturity
• Architecture
• Styling contract
• Authentication
• HTTP
• Components

MIT, copyright Sometic contributors. See LICENSE.

Want to work on the monorepo? See CONTRIBUTING.md and the Contributing guide.