Component library 6 components

UI components for AI workflows.

Preview each state, copy the configuration, and add it to your app.

Plain JavaScript + CSS Use the components

No dependencies. No build step.

6 components

Start with two files

Add a component
to your interface.

Download the reusable library and stylesheet, add them to your page, and mount a component. Each preview includes its configuration and API details.

Download JavaScript Download CSS

Downloads include all six components. Read the integration guide for lifecycle methods, events, and theming.

index.html
<link rel="stylesheet" href="components.css">
<div id="demo"></div>
<script src="components.js"></script>
<script>
  const component = FlowstageUI.mount(
    document.querySelector('#demo'),
    { type: 'thinking-trace' }
  );
</script>
Works in a plain HTML file, including file://.

Original components by Flowstage. Reference: Beautiful UI for visual hierarchy and interaction clarity.