integrating with ui