Brandy

Component system

Reusable server-rendered TSX

Build a shared visual language with ordinary functions, typed props, and children. Alpine can add small interactive islands without hydrating the component tree.

Plain functions

Components execute on the server and return HTML strings.

Server component

Typed props

Use TypeScript interfaces without a client bundle or hydration.

Server component

Composable

Children can contain native tags, components, or async route output.

Server component

A composed component tree

JavaScript sent
0 KB

for the TSX components

Hydration
None

HTML is immediately usable

Interactivity
Alpine

only where requested

This panel composes Card, Stat, and Code while Alpine controls only its visibility.