CopilotKit voor AI-assistenten in je eigen applicatie

Wat doet CopilotKit, eenvoudig uitgelegd?

CopilotKit is een open-sourceframework van Tawkit, Inc. waarmee ontwikkelaars AI-assistenten aan hun eigen toepassingen toevoegen. Het verbindt de agent met het scherm waar de gebruiker werkt. Een antwoord kan daardoor ook een grafiek, kaart of vooraf ingestelde actie zijn.

Denk aan een takenlijst waarin de gebruiker via een bericht een taak toevoegt en meteen de aangepaste lijst ziet. Je team moet de gegevens en toegestane functies beschikbaar maken. CopilotKit past bij SaaS-producten, interne systemen en mobiele apps waarvoor je zelf de gebruikerservaring ontwikkelt.

Een eigen assistent bouwen met bestaande appfuncties

Frontendtools voeren geregistreerde functies in de browser uit, zoals een filter wijzigen of een dossier openen. De toepassing blijft verantwoordelijk voor toegang tot bedrijfsgegevens. De assistent krijgt niet vanzelf toegang tot elke functie.

Officiële SDK’s bestaan voor React, Angular, Vue en React Native. Je kunt een ingebouwde agent gebruiken of bijvoorbeeld LangGraph, Google ADK, Mastra of PydanticAI koppelen. AG-UI verzorgt de communicatie tussen agent en interface. CopilotKit levert de componenten en interactiepatronen. Channels biedt daarnaast routes voor Slack en Microsoft Teams.

Licentie, eigen hosting en gegevens

De repository gebruikt de MIT-licentie, die commercieel gebruik toestaat met behoud van de vereiste vermeldingen. Voor beheerde diensten gelden eigen voorwaarden. Developer/Pro noemt self-hosting van alleen de runtime; een volledige platforminstallatie kent andere opties.

Een eigen server sluit overdracht naar externe modellen niet uit. Het privacybeleid onderscheidt websitegebruik van verwerking volgens klantovereenkomsten. Volgens de telemetriedocumentatie verzamelt opensourcetelemetrie metadata, geen prompts, berichten, agenttoestand of toolinhoud, en kun je die uitschakelen. Dat zegt niet automatisch hetzelfde over alle gekoppelde diensten.

Van voorbeeld naar een werkende koppeling

Begin met een klein voorbeeld waarvan je het resultaat kunt controleren. De officiële quickstart gebruikt React:

1. Zorg voor een project, Node.js 20+ en een API-sleutel van een modelaanbieder.
2. Installeer @copilotkit/react-core en @copilotkit/runtime; stel serversleutels en het runtime-endpoint in.
3. Verbind de Provider met dat endpoint, importeer stijlen en voeg chat of een zijpaneel toe.
4. Test een gesprek en registreer vervolgens één duidelijke appfunctie.
5. Controleer de gewijzigde toestand en bekijk lokaal de AG-UI-events in Inspector.

Een bestaande agent vraagt om zijn eigen frameworkkoppeling. BuiltInAgent roept zelf een model aan en koppelt niet automatisch je bestaande logica. Een losse SPA heeft ook een afzonderlijke runtimeserver nodig.

Gegenereerde interfaces en gedeelde toestand

Met generatieve UI kan een agent je eigen grafieken, tabellen en kaarten tonen. React gebruikt daarvoor onder meer useComponent: je registreert een weergavecomponent en getypeerde parameters, waarna de agent de gegevens aanlevert. Het tonen van zo’n component voert op zichzelf geen backendtransactie uit.

Gedeelde toestand houdt app en agent gelijk. Human-in-the-loop laat de uitvoering pauzeren voor invoer of bevestiging. Verplichte goedkeuring moet door het proces worden afgedwongen; alleen hopen dat het model een controlevraag stelt is onvoldoende.

Gratis beginnen en betaalde limieten

Gecontroleerd op 18 oktober 2026: Developer is gratis voor één ontwikkelaar, met maximaal 200 threads, drie dagen bewaring en 1 GB multimodale opslag. De openbare dollarprijzen zijn 39 USD per maand voor Pro en 100 USD per gebruiker per maand voor Team, tot vijf plaatsen. Openstaande uitnodigingen tellen mee. Enterprise krijgt aangepaste voorwaarden. Dit zijn geen europrijzen of gegarandeerde bedragen inclusief belasting.

Intelligence voegt blijvende gesprekken en gebruikersgeheugen toe. Analytics en Self-Learning staan in de actuele tabel als Enterprise early access. Begroot modelgebruik en apphosting afzonderlijk en raadpleeg de huidige abonnementen.

Veelgestelde vragen

Is CopilotKit gratis?

Het SDK is open source en Developer heeft een gratis limiet. Modelgebruik en infrastructuur kunnen wel geld kosten.

Welke frontendframeworks worden ondersteund?

React, Angular, Vue en React Native hebben officiële SDK’s met eigen componenten en instellingen.

Kan ik CopilotKit zelf hosten?

Ja. Bekijk afzonderlijk de runtime, het volledige platform en de voorwaarden voor externe modelverbindingen.

Officiële documentatie en community

• Officiële documentatie: kies je integratieroute.
• GitHub-repository: broncode, licentie en problemen.
• Officiële Discord-community: bespreek implementatievragen.