> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mindset.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# SDK 3.0 Overview

> Next-generation toolkit for implementing agents and UI components with enhanced performance and customization

***

## What is the Mindset AI SDK 3.0?

The Mindset AI SDK 3.0 is our next-generation toolkit that simplifies implementing agents and UI components in your application—now with HTML component rendering, improved branding customization, and an organized interface architecture designed for modern conversational AI experiences.

SDK 3.0 is built with modern React and TypeScript, compiled via Vite into lightweight JavaScript bundles. It renders inside Shadow DOM as custom web components (`<mindset-agent>`), providing complete style isolation and seamless embedding into any website—with enhanced performance and reduced package weight.

***

## Why Use SDK 3.0?

<CardGroup cols={2}>
  <Card title="Speed" icon="bolt">
    Loading feels instant, like a native component of your application. SDK 3.0 improves on SDK 2.0 with faster load times, smoother response streaming, and reduced package weight—without sacrificing features.
  </Card>

  <Card title="Organized Interface" icon="layout">
    SDK 3.0 rebuilds the chat experience with a focused conversation flow. Content is consolidated into compact tabs, sources appear naturally beneath responses, and the streamlined layout keeps users engaged without clutter.
  </Card>

  <Card title="Branding Differentiation" icon="palette">
    Customize gradient backgrounds and layout controls to make chat interfaces feel uniquely yours—not generic chatbot embeds. Use our Beta feature, the "Design system", to experiment with and build out your SDK style.
  </Card>

  <Card title="HTML Components" icon="code">
    Agents structure responses visually using cards, callouts, steps, tabs, accordions, code blocks, and diagrams. Sophisticated agent logic now has the visual surface it needs to present information effectively.
  </Card>
</CardGroup>

### Widget Display

Generate and display rich custom UI elements for your integrated MCP tool functions using Mindset AI's **Widget Studio** in Beta now!

<Note>
  SDK 3.0 represents a significant architectural improvement over SDK 2.0 while maintaining backward compatibility for core features.
</Note>

## Next Steps

<CardGroup cols={2}>
  <Card title="Installation Guide" icon="download" href="sdk3-frontend">
    Get started with SDK 3.0 in your application
  </Card>

  <Card title="Migration from SDK 2.0" icon="arrow-right-arrow-left" href="sdk3-migration">
    Learn how to upgrade from SDK 2.0
  </Card>

  <Card title="Design System (Beta)" icon="paintbrush" href="/features/build/design-system">
    Customize your chat interface styling
  </Card>

  <Card title="Widget Studio (Beta)" icon="grid" href="/features/build/widget-studio">
    Build rich custom UI components
  </Card>
</CardGroup>