Skip to main content
MIND SDK embeds a floating, context-aware support widget into a learning management system. The widget reads what a student is doing — the page they are on, the course, their progress — and surfaces proactive nudges, quick actions, and an assistant panel that can hand off to a human advisor. You configure it once with a provider, drop a host component where it should mount, and drive it through a small imperative API or React hooks.

​
How it works

The widget is built from three layers:

State machine

Four validated states — from a collapsed button to an in-depth help flow.

Context engine

Tracks the active page, course, and progress to decide when to nudge.

React renderer

Renders each state, with per-state component overrides and theming.

​
Packages

The SDK ships three entry points:
Import pathWhat it provides
@ulesson-education/mind-sdkCore, framework-agnostic client, types, and errors
@ulesson-education/mind-sdk/reactReact provider, host component, and hooks
@ulesson-education/mind-sdk/stylesThe widget’s bundled stylesheet (style.css)

​
Start here

Installation

Install the package and its peer dependencies.

Quickstart

Render the widget with a provider and host.

Configuration

Every option on MindConfig.

API reference

The full list of exports.
This guide is generated from the example app in examples/react-playground, the best place to see the SDK end-to-end.