# Integrations components

> 7 Integrations components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: AnalyticsConnect, ConnectedAccounts, IntegrationConnector, McpConnect, Placement Settings, Plugin Card, WhatsappQrConnect.

Source: https://docs.nasaqui.com/components/groups/integrations

- [AnalyticsConnect](https://docs.nasaqui.com/components/analytics-connect): The connect-account empty state of an analytics page, built on IntegrationConnector, plus AnalyticsPageFrame, the shared page shell.
- [ConnectedAccounts](https://docs.nasaqui.com/components/connected-accounts): OAuth sign-in methods for an account, each provider with its official logo, the connected email or username, and Connect or Disconnect, and the last remaining sign-in method cannot be disconnected.
- [IntegrationConnector](https://docs.nasaqui.com/components/integration-connector): Connections page for OAuth services such as Google Analytics, Search Console, YouTube, GitHub and Slack, with cards, a scope consent dialog, account or property picker, status, reconnect and confirmed disconnect.
- [McpConnect](https://docs.nasaqui.com/components/mcp-connect): Install guide for an MCP server with per-client tabs for Claude Code, Claude Desktop, Cursor, VS Code and generic JSON, copyable snippets with a masked token, one-click deep links and a connection test.
- [Placement Settings](https://docs.nasaqui.com/components/placement-settings): Where a plugin or module appears in the app shell. Sidebar, header, side panel, floating widget or hidden, as radio cards with a small picture of the shell; its order; and whether the app opens on it. Keeps a draft, shows what is unsaved and saves only what changed.
- [Plugin Card](https://docs.nasaqui.com/components/plugin-card): A plugin in a catalogue or admin grid. Icon, name, version, kind, enabled state and last activity, a description, a headline count with a sparkline, and Page and Details actions; selectable as a checkbox card for bulk actions.
- [WhatsappQrConnect](https://docs.nasaqui.com/components/whatsapp-qr-connect): Link a WhatsApp number by scanning a QR code, with numbered steps, a live countdown, automatic refresh when the code expires, and connected and disconnected states with a confirmed disconnect.