Examples

Each recipe is executable Citry code. The component source opens first; switch tabs to see the complete page and its live result.

Components

• Card - accept an input, render content, and add CSS.
• Slots - offer named areas with fallback content.
• Provide and inject - share data with a subtree.
• Error boundary - show a safe fallback after an error.
• Recursion - let a component render itself.

Template syntax

• Control flow - use conditions, loops, and an empty state.

Browser and server

• Tabs - ship JavaScript with a component.
• Form submission - handle a form in the browser.
• Fragments - load rendered HTML and its assets on demand.