# SDK 3.0 Overview

> You're reading the Mindset v3 documentation. v3 is no longer sold; this is reference for existing customers. Mindset 4 docs are at /docs.

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?

- **Speed**: 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.
- **Organized Interface**: 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.
- **Branding Differentiation**: 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.
- **HTML Components**: 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.

### 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.

## Next Steps

- [Installation Guide](https://docs4.mindset.ai/v3/deploy/sdk3/sdk3-frontend): Get started with SDK 3.0 in your application
- [Migration from SDK 2.0](https://docs4.mindset.ai/v3/deploy/sdk3/sdk3-migration): Learn how to upgrade from SDK 2.0
- [Design System (Beta)](https://docs4.mindset.ai/v3/features/build/design-system): Customize your chat interface styling
- [Widget Studio (Beta)](https://docs4.mindset.ai/v3/features/build/widget-studio): Build rich custom UI components