Skip to content

Guides

Getting Started

Install pion and write your first hook-powered Web Component.

Bring Your Own Renderer

Use your preferred templating library — Lit, htm, or a custom renderer.

Attributes

React to attribute changes on your custom elements.

Properties

Manage reactive properties with type-safe accessors.

API

Explore the full pion API reference.

Dispatching Events

Emit and listen to custom DOM events from hooks.

Virtual Components

Compose lightweight components without custom element registration.

TypeScript

Get full type inference for hooks, props, and events.