Living component catalog

Beautiful defaults. Real PHP components.

Explore the actual controls, feedback, navigation and overlays that ship with SERIXA. Every preview below is semantic server-rendered HTML enhanced by the tiny runtime.

Read widget docsInstall framework

Framework contract

Typed composition

Semantic HTML, accessible states, dark-mode tokens and progressive behavior—without a virtual DOM.

Actions & feedback

Clear hierarchy, intentional states and feedback that remains readable in light or dark mode.

PrimarySuccessWarningDangerDismissible chip

Form foundations

Labels, native controls and validation-ready attributes stay explicit and composable.

Navigation & disclosure

Keyboard-friendly patterns with linked ARIA state and predictable focus behavior.

Compose UI from small, typed widgets.

No. Core output is server-rendered HTML; JavaScript progressively enhances interactive modules.

Composable API

The preview and the code share the same vocabulary.

Start with framework primitives, then compose app-specific components without leaving PHP.

use Serixa\Component\{Alert, Button, Card, Column, Text};

$releaseCard = Card::make(
    Column::make([
        Text::make('Release ready')->as('h2')->weight('bold'),
        Alert::make()->tone('success')->body('All checks passed.'),
        Button::make('Deploy')->primary(),
    ])->gap(4)
);

Build your own design language on a reliable core.

Use the defaults today, customize the theme tomorrow, and keep the semantic component API intact.

Start with installation