Pyreon is a signal-based UI framework that renders directly to the DOM without a virtual DOM. It provides fine-grained reactivity, streaming SSR, a JSX compiler, and compatibility layers for React, Preact, Vue, Solid, and Svelte.

The tables below group the 77 published packages by area; the package catalog lists every one of them.

Core Framework

The foundation — reactivity engine, component model, renderers, router, and build tooling.

Compatibility Layers

Use the API you already know, powered by Pyreon's signal engine.

State & Data

Signal-native state management, forms, i18n, and data fetching.

Meta-Framework

Zero-config full-stack framework and developer tooling.

UI System

Styling, theming, components, hooks, and animations.

Ecosystem

Specialized packages for rich application features.

Developer Tools

Native (multiplatform)

The compiler, CLI, and Swift / Kotlin runtimes that take one Pyreon source to SwiftUI and Jetpack Compose. See Native packages and Multiplatform.

Quick Start

The fastest path is the scaffolder — the Quickstart has a live, no-install demo plus the one-command setup:

npm create @pyreon/zero@latest my-app

Or add Pyreon to an existing Vite project by hand — install the core packages:

npm install @pyreon/core @pyreon/reactivity @pyreon/runtime-dom @pyreon/vite-plugin

bun add @pyreon/core @pyreon/reactivity @pyreon/runtime-dom @pyreon/vite-plugin

pnpm add @pyreon/core @pyreon/reactivity @pyreon/runtime-dom @pyreon/vite-plugin

yarn add @pyreon/core @pyreon/reactivity @pyreon/runtime-dom @pyreon/vite-plugin

Create a component:

// @check
import { signal, computed } from '@pyreon/reactivity'
import { Show } from '@pyreon/core'
import { mount } from '@pyreon/runtime-dom'

const count = signal(0)
const doubled = computed(() => count() * 2)

const App = () => (
  <div>
    <button onClick={() => count.set(count() + 1)}>
      Count: {count()} (doubled: {doubled()})
    </button>
    <Show when={() => count() > 5}>
      <p>Count is greater than 5!</p>
    </Show>
  </div>
)

mount(<App />, document.getElementById('app')!)