Framework Guides

Servly supports all major frontend frameworks. Choose your guide:

• React — The most common integration path
• Custom Framework — Build your own adapter

How Adapters Work

Each framework adapter translates CIF component definitions into native framework code. Adapters are responsible for:

1. Component rendering — Mapping CIF layout trees to framework-specific templates
2. Prop binding — Connecting CIF prop definitions to framework reactivity systems
3. Slot resolution — Translating CIF slots to framework composition patterns (children, slots, content projection)
4. Token application — Applying design tokens as CSS custom properties or framework-specific styling

All adapters share the same CIF input, so switching frameworks is a one-line config change.