User Guide

UI Headless Runtime is a small TypeScript library of headless controllers for interface behavior. It supplies state machines, keyboard models, focus behavior, ARIA metadata, overlay coordination, collection navigation, positioning, and cleanup. Your application supplies markup, rendering, styling, content, and final accessibility validation.

Use this guide when you want to integrate the runtime into a product. Use the architecture section when you want design rationale and trade-offs.

Start here

• Getting started
• Core concepts
• Controllers
• Rendering contract
• State management
• Controlled vs uncontrolled
• Events and reasons
• DOM binding
• Accessibility
• Focus management
• Overlays
• Collections
• Positioning
• SSR
• Framework integration
  • React integration
  • Vue integration
  • Angular integration
• Consumer examples
• Testing
• Troubleshooting
• Migrating to 1.0
• Release and package

What the runtime is not

It is not a component framework, renderer, CSS system, animation library, or accessibility certification. It does not ship framework adapters. The React, Vue, and Angular pages are consumer-owned lifecycle recipes built on the same public controller API; they are not separate products or packages.