CopilotKit herunterladen – Open‑Source KI‑Copilot‑Framework für Web, Windows, macOS, Linux

Übersicht

CopilotKit, erstellt von TawkitAI, ist eine kostenlose, Open‑Source‑Softwareanwendung, die die Erstellung von KI‑gestützten Copiloten für jede webbasierte oder native Umgebung vereinfacht. Das Framework führt ein einzigartiges Copilot‑Portal ein, das als visuelle Brücke zwischen Ihrer benutzerdefinierten KI‑Logik und der Host‑Anwendung dient und die Notwendigkeit umständlicher API‑Verkabelungen eliminiert. Egal, ob Sie einen Code‑Vervollständigungs‑Assistenten, einen Help‑Desk‑Chatbot oder einen intelligenten Formular‑Ausfüller bauen, CopilotKit lässt Sie sich auf das konversationelle Design konzentrieren, während es die schwere Arbeit des Datentransports, der Sicherheit und der UI‑Integration übernimmt.

Der Kern des Systems ist die COPILOTTEXTAREA-Komponente, ein Drop‑In‑Ersatz für das standardmäßige HTML </code>, das Echtzeit‑Autovervollständigung, Snippet‑Vorschläge und Inline‑Validierung bietet. Da das Framework auf GitHub unter einer MIT‑Lizenz lebt, ist es völlig kostenlos für private und kommerzielle Projekte und profitiert von transparenter Versionskontrolle, community‑getriebenen Bug‑Fixes und regelmäßigen Updates, die den Code‑Bestand sicher und aktuell halten. CopilotKit wird außerdem mit nativen Adaptern für beliebte SaaS‑Plattformen wie Salesforce, Zendesk und HubSpot geliefert, sodass Sie KI‑Unterstützung direkt in bestehende Workflows einbetten können, ohne eigene Connectoren zu schreiben.</p><p itemprop="description" style="margin-bottom: 32px;">Das Framework ist bewusst modular: Sie können nur die Teile installieren, die Sie benötigen, über npm oder yarn, und behalten die volle Kontrolle darüber, wo die Modell‑Inference stattfindet – sei es an einem öffentlichen Endpunkt wie OpenAI, einem privat gehosteten LLM oder einer On‑Premise‑Lösung. Kurz gesagt, CopilotKit positioniert sich als das bevorzugte, sichere und hochgradig erweiterbare Werkzeug für Entwickler, die KI‑verbesserte Erlebnisse schnell bereitstellen wollen, ohne die Kontrolle über Datenschutz oder Bereitstellungsarchitektur zu verlieren.</p> </section> <section> <h2 class="text-lg font-bold text-gray-900 mt-6 mb-5">Hauptfunktionen & Fähigkeiten</h2> <ul itemprop="featureList"> <li><strong>Copilot Portal Dashboard:</strong> Visualisiert Anforderungs‑Antwort‑Zyklen, Protokolle und Leistungsmetriken und macht Debugging und Iteration für Entwickler aller Erfahrungsstufen intuitiv.</li> <li><strong>Third‑Party Integrations:</strong> Vorgefertigte Adapter für Salesforce, Zendesk, HubSpot und Microsoft Teams ermöglichen nahtlose KI‑Erweiterungen bestehender Geschäftsprozesse.</li> <li><strong>COPILOTTEXTAREA Component:</strong> Ersetzt native Textareas durch einen intelligenten Editor, der kontextabhängige Autovervollständigung, Code‑Snippets und Echtzeit‑Validierung bietet und die Produktivität der Entwickler steigert.</li> <li><strong>Plug‑and‑Play Architecture:</strong> Modulare npm‑Pakete können unabhängig hinzugefügt oder entfernt werden, sodass Sie die Bundle‑Größe minimal halten und nur das versenden, was Sie benötigen.</li> <li><strong>Open‑Source Transparency:</strong> Vollständiger Quellcode auf GitHub, MIT‑lizenziert, fördert Community‑Audits, Sicherheitsüberprüfungen und schnelle Funktionsbeiträge.</li> <li><strong>Cross‑Platform Deployment:</strong> Funktioniert mit React, Vue, Angular, Svelte und kann für React Native oder Capacitor gebündelt werden, wodurch die Unterstützung für Android‑ und iOS‑Geräte erweitert wird.</li> <li><strong>Extensible Hook System:</strong> Lifecycle‑Hooks ermöglichen das Einfügen benutzerdefinierter Logik, bevor ein Vorschlag generiert wird, nachdem er angezeigt wird oder wenn ein Fehler auftritt.</li> <li><strong>Realtime Collaboration:</strong> Eingebaute WebSocket‑Unterstützung ermöglicht gemeinsame Bearbeitungssitzungen, ideal für Support‑Mitarbeiter oder Pair‑Programming‑Szenarien.</li> <li><strong>Secure Data Handling:</strong> Der gesamte Datenverkehr ist standardmäßig über TLS verschlüsselt, und Telemetrie kann vollständig deaktiviert werden, was die Einhaltung von GDPR, HIPAA und anderen Vorschriften sicherstellt.</li> <li><strong>CI/CD Friendly Updates:</strong> Das Framework integriert sich in gängige Pipelines (GitHub Actions, GitLab CI, Jenkins), um neue Copilot‑Logik ohne Ausfallzeiten zu pushen.</li> </ul> <p style="margin-bottom: 32px;">Der Funktionsumfang ist bewusst darauf ausgelegt, die Time‑to‑Value zu reduzieren. Zum Beispiel zeigt das Copilot‑Portal nicht nur rohe JSON‑Payloads, sondern visualisiert auch den Token‑Verbrauch, wodurch Sie die Kosten bei der Nutzung kostenpflichtiger LLM‑Anbieter optimieren können. Das Hook‑System unterstützt async‑Funktionen, sodass Sie Vorschläge mit externen Datenquellen anreichern können – etwa indem Sie aktuelle Tickets aus Zendesk abrufen, bevor Sie eine Antwort anbieten. Darüber hinaus arbeitet der Update‑Mechanismus des Frameworks mit semantischer Versionierung; ein einfacher <code>npm update @tawkitai/copilotkit</code> holt die neuesten Sicherheitspatches und Funktionsveröffentlichungen und hält Ihre Anwendung sicher, ohne manuelle Code‑Änderungen. Zusammen machen diese Fähigkeiten CopilotKit zu einem umfassenden, kostenlosen und sicheren KI‑Assistent‑Toolkit, das von kleinen Hobby‑Projekten bis zu Enterprise‑Deployments skaliert.</p> </section> <section> <h2 class="text-lg font-bold text-gray-900 mt-6 mb-5">Installation, Nutzung & Kompatibilität</h2> <h3 class="text-base font-semibold text-gray-800 mt-4 mb-2">Schritt‑für‑Schritt‑Installation</h3> <ol> <li>Stellen Sie sicher, dass <code>Node.js</code> (Version 14 oder höher) und ein Paketmanager (<code>npm</code> oder <code>yarn</code>) auf Ihrem Entwicklungsarbeitsplatz installiert sind.</li> <li>Öffnen Sie ein Terminal im Projektstammverzeichnis und führen Sie <code>npm install @tawkitai/copilotkit</code> (oder <code>yarn add @tawkitai/copilotkit</code>) aus, um das Framework als Abhängigkeit hinzuzufügen.</li> <li>Importieren Sie die Kernmodule in Ihrer Einstiegdatei: <pre style="margin-bottom: 32px;"><code>import { CopilotProvider, CopilotTextarea } from '@tawkitai/copilotkit';</code></pre> </li> <li>Umwickeln Sie Ihre Hauptanwendungskomponente mit <code>CopilotProvider</code> und konfigurieren Sie den KI‑Endpunkt, das Modell und den Authentifizierungsschlüssel: <pre style="margin-bottom: 32px;"><code><CopilotProvider apiKey={process.env.COPILOT_API_KEY} model="gpt-4o" endpoint="https://api.tawkitai.com/v1/copilot" > {/* Your app components go here */} </CopilotProvider> </code></pre> </li> <li>Ersetzen Sie vorhandene <code><textarea></code>-Elemente durch <code><CopilotTextarea /></code>, um die intelligenten Bearbeitungsfunktionen freizuschalten.</li> <li>Führen Sie <code>npm run dev</code> (oder das entsprechende Start‑Script) aus und navigieren Sie zu <code>http://localhost:3000</code>, um das Copilot‑Portal in Aktion zu sehen.</li> </ol> <h3 class="text-base font-semibold text-gray-800 mt-4 mb-2">Betriebssystem‑Unterstützung</h3> <p itemprop="operatingSystem" style="margin-bottom: 32px;">CopilotKit ist plattformunabhängig, da es im Browser und auf Node.js ausgeführt wird. Es läuft nativ auf Windows 10/11, macOS Monterey und neuer sowie auf den wichtigsten Linux‑Distributionen (Ubuntu, Fedora, Debian). Für die mobile Entwicklung kann das Framework mit React Native, Capacitor oder Ionic gebündelt werden und liefert dieselbe Copilot‑Erfahrung auf Android 12+ und iOS 14+. Der zugrunde liegende JavaScript‑Code folgt dem ES2020‑Standard und gewährleistet Kompatibilität mit modernen Browsern wie Chrome, Edge, Firefox und Safari.</p> <h3 class="text-base font-semibold text-gray-800 mt-4 mb-2">Sichere Bereitstellungs‑Best Practices</h3> <p style="margin-bottom: 32px;">Beim Übergang von Entwicklung zu Produktion sollten alle geheimen Schlüssel in Umgebungsvariablen gespeichert und HTTPS für jeden Server‑Endpunkt erzwungen werden. Das Copilot‑Portal enthält rollenbasierte Zugriffskontrolle (RBAC), sodass Sie Auditoren nur Lese‑Berechtigungen gewähren können, während Konfigurationsänderungen Senior‑Entwicklern vorbehalten bleiben. Wenn Sie Ihr eigenes LLM hosten, konfigurieren Sie Firewall‑Regeln, um nur Verkehr aus vertrauenswürdigen IP‑Bereichen zuzulassen, und aktivieren Sie Rate‑Limiting, um Missbrauch zu verhindern. Schließlich sollten Sie den integrierten Telemetrie‑Schalter erst nach einer gründlichen Datenschutz‑Prüfung aktivieren; das Framework respektiert das <code>doNotTrack</code>-Flag und kann die Datenerfassung vollständig deaktivieren.</p> </section> <section> <h2 class="text-lg font-bold text-gray-900 mt-6 mb-5">Vorteile, Nachteile, FAQ & Fazit</h2> <h3 class="text-base font-semibold text-gray-800 mt-4 mb-2">Vorteile</h3> <ul> <li>Vollständig kostenlos und Open‑Source unter der permissiven MIT‑Lizenz.</li> <li>Die leistungsstarke <code>COPILOTTEXTAREA</code>-Komponente beschleunigt die UI‑Entwicklung.</li> <li>Native Integrationen mit führenden SaaS‑Plattformen reduzieren den Aufwand für benutzerdefinierten Code.</li> <li>Modulare Plug‑and‑Play‑Architektur hält die Bundle‑Größe gering.</li> <li>Aktive Community auf GitHub und Discord bietet schnellen Support und häufige Updates.</li> </ul> <h3 class="text-base font-semibold text-gray-800 mt-4 mb-2">Nachteile</h3> <ul> <li>Erfordert Vertrautheit mit modernen JavaScript‑Frameworks (React, Vue, Angular).</li> <li>Die Dokumentation ist umfangreich, was absolute Anfänger überwältigen kann.</li> <li>Kein dediziertes natives Mobile‑SDK; die Integration über React Native oder Capacitor erfordert manuelle Konfiguration.</li> <li>Leistung und Latenz hängen vom gewählten LLM‑Anbieter ab; On‑Premise‑Modelle können erhebliche Hardware erfordern.</li> </ul> <h3 class="text-base font-semibold text-gray-800 mt-4 mb-2">FAQ</h3> <h4 itemprop="name">Ist CopilotKit wirklich kostenlos für die kommerzielle Nutzung?</h4> <p itemprop="text" style="margin-bottom: 32px;">Ja. CopilotKit wird unter der MIT‑Lizenz veröffentlicht, die uneingeschränkte Nutzung sowohl in privaten als auch in kommerziellen Anwendungen ohne Lizenzgebühren erlaubt.</p> <h4 itemprop="name">Kann ich das KI‑Modell auf eigenen Servern hosten?</h4> <p itemprop="text" style="margin-bottom: 32px;">Absolut. Das Framework ermöglicht es, die <code>endpoint</code>-Konfiguration auf jeden kompatiblen Inferenz‑Server zu zeigen, sei es eine private Cloud, ein On‑Premise‑GPU‑Cluster oder ein Open‑Source‑LLM wie Llama 2.</p> <h4 itemprop="name">Welche Browser werden offiziell unterstützt?</h4> <p itemprop="text" style="margin-bottom: 32px;">CopilotKit funktioniert mit den neuesten Versionen von Chrome, Edge, Firefox und Safari. Ältere Browser unterstützen möglicherweise keine WebSocket‑basierten Echtzeit‑Funktionen.</p> <h4 itemprop="name">Wie stellt CopilotKit den Datenschutz sicher?</h4> <p itemprop="text" style="margin-bottom: 32px;">Alle zwischen dem Client und dem KI‑Endpunkt ausgetauschten Daten sind standardmäßig mit TLS verschlüsselt. Das Framework protokolliert standardmäßig keine Benutzereingaben, und Telemetrie kann über die Konfiguration vollständig deaktiviert werden.</p> <h4 itemprop="name">Ist ein Mobile‑SDK für die Zukunft geplant?</h4> <p itemprop="text" style="margin-bottom: 32px;">Die Maintainer haben angekündigt, im ersten Quartal 2026 einen offiziellen React‑Native‑Wrapper zu veröffentlichen, basierend auf der über den Discord‑Kanal gesammelten Community‑Nachfrage.</p> <h3 class="text-base font-semibold text-gray-800 mt-4 mb-2">Fazit & Handlungsaufruf</h3> <p style="margin-bottom: 32px;">CopilotKit bietet eine überzeugende Kombination aus Flexibilität, Sicherheit und Community‑Support, die es zu einer idealen Wahl für Entwickler macht, die KI‑Copiloten in Web‑, Desktop‑ oder Mobile‑Anwendungen einbetten möchten. Seine kostenlose, Open‑Source‑Natur beseitigt Lizenzbarrieren, während das leistungsstarke Copilot‑Portal und die <code>COPILOTTEXTAREA</code>-Komponente sofortige Produktivitätsgewinne ermöglichen. Durch die integrierte Handhabung von Integration, Verschlüsselung und Echtzeit‑Zusammenarbeit können Sie sich auf den einzigartigen Wert Ihres KI‑Assistenten konzentrieren statt auf Boilerplate‑Code. Egal, ob Sie einen Kunden‑Support‑Chatbot, ein Code‑Vervollständigungs‑Tool oder einen intelligenten Workflow‑Assistenten bauen, CopilotKit stellt Ihnen die Bausteine bereit, um schnell und sicher vom Prototyp zur Produktion zu gelangen. <strong>Laden Sie CopilotKit noch heute herunter, erkunden Sie die Dokumentation und treten Sie der lebendigen Discord‑Community bei, um jetzt smartere Erlebnisse zu bauen.</strong></p> <p itemprop="reviewBody" style="margin-bottom: 32px;">CopilotKit bietet eine überzeugende Mischung aus Flexibilität, Community‑Support und leistungsstarken UI‑Komponenten, was es zu einer ausgezeichneten Wahl für Entwickler macht, die KI‑Assistenten schnell integrieren möchten. Die einzigen Nachteile sind eine leicht steile Lernkurve für Neulinge und das Fehlen eines sofort einsatzbereiten Mobile‑SDK.</p> </section> </article> <div class="inline-flex items-center gap-3 bg-emerald-50 rounded-xl px-4 py-3 mt-6"> <div class="ap-safety-icon w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center flex-shrink-0"> <i class="fa fa-shield-halved text-white"></i> </div> <div> <p class="text-sm font-bold text-on-surface">TotalVirus geprüft</p> <p class="text-xs text-on-surface-variant mt-0.5">Diese Software wurde auf Malware geprüft und als sicher zum Herunterladen bestätigt.</p> </div> </div> </div> <!--[if BLOCK]><![endif]--> <section class="ap-module ap-product-languages" aria-label="Verfügbare Übersetzungen"> <div class="ap-product-languages__body"> <div class="ap-product-languages__text"> <p class="ap-product-languages__title">SoftPas auf:</p> <p class="ap-product-languages__copy">Dieses Produkt ist auch in den folgenden Sprachen verfügbar:</p> </div> <nav class="ap-product-languages__links" aria-label="Verfügbare Übersetzungen"> <!--[if BLOCK]><![endif]--> <a href="https://copilotkit-by-tawkitai.en.softpas.com/" hreflang="en" aria-current="false"> <span>EN</span> <strong>EN</strong> </a> <a href="https://copilotkit-by-tawkitai.de.softpas.com/" hreflang="de" aria-current="true"> <span>DE</span> <strong>DE</strong> </a> <a href="https://copilotkit-by-tawkitai.es.softpas.com/" hreflang="es" aria-current="false"> <span>ES</span> <strong>ES</strong> </a> <a href="https://copilotkit-by-tawkitai.fr.softpas.com/" hreflang="fr" aria-current="false"> <span>FR</span> <strong>FR</strong> </a> <a href="https://copilotkit-by-tawkitai.pt.softpas.com/" hreflang="pt" aria-current="false"> <span>PT</span> <strong>PT</strong> </a> <a href="https://copilotkit-by-tawkitai.ro.softpas.com/" hreflang="ro" aria-current="false"> <span>RO</span> <strong>RO</strong> </a> <a href="https://copilotkit-by-tawkitai.ru.softpas.com/" hreflang="ru" aria-current="false"> <span>RU</span> <strong>RU</strong> </a> <a href="https://copilotkit-by-tawkitai.tr.softpas.com/" hreflang="tr" aria-current="false"> <span>TR</span> <strong>TR</strong> </a> <!--[if ENDBLOCK]><![endif]--> </nav> </div> </section> <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <section> <header class="mb-4"> <h2 class="inline-flex items-center py-4 text-sm font-medium text-on-surface border-b-2 border-blurple"> Anleitungen & Tutorials für CopilotKit by TawkitAI </h2> </header> <div class="faq-section w-full pt-4"> <details class="group mb-3 bg-surface-lowest rounded-xl shadow-ambient-sm transition-all duration-200"> <summary class="flex justify-between items-center font-medium cursor-pointer list-none p-5 hover:bg-gray-50 rounded-xl"> <span class="text-gray-900 text-sm font-bold">So installierst du CopilotKit by TawkitAI</span> <span class="transition group-open:rotate-180 text-gray-500"> <svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="20"><path d="M6 9l6 6 6-6"></path></svg> </span> </summary> <div class="text-gray-600 text-sm p-5 border-t border-gray-100 bg-gray-50 rounded-b-xl"> <!--[if BLOCK]><![endif]--> <ol class="list-decimal pl-5 space-y-2"> <li>Klicke oben auf die Schaltfläche <strong>Vorschau / Download</strong>.</li> <li>Akzeptiere nach der Weiterleitung die Bedingungen und klicke auf Installieren.</li> <li>Warte, bis der Download von CopilotKit by TawkitAI auf deinem Gerät abgeschlossen ist.</li> </ol> <!--[if ENDBLOCK]><![endif]--> </div> </details> <details class="group bg-surface-lowest rounded-xl shadow-ambient-sm transition-all duration-200"> <summary class="flex justify-between items-center font-medium cursor-pointer list-none p-5 hover:bg-gray-50 rounded-xl"> <span class="text-gray-900 text-sm font-bold">So verwendest du CopilotKit by TawkitAI</span> <span class="transition group-open:rotate-180 text-gray-500"> <svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="20"><path d="M6 9l6 6 6-6"></path></svg> </span> </summary> <div class="text-gray-600 text-sm p-5 border-t border-gray-100 bg-gray-50 rounded-b-xl"> <!--[if BLOCK]><![endif]--> <p>Diese Software wird hauptsächlich für die oben beschriebenen Kernfunktionen verwendet. Öffne die App nach der Installation, um ihre Möglichkeiten zu erkunden.</p> <!--[if ENDBLOCK]><![endif]--> </div> </details> </div> </section> <section> <header class="mb-4"> <h2 class="inline-flex items-center py-4 text-sm font-medium text-on-surface border-b-2 border-blurple"> Nutzerbewertungen für CopilotKit by TawkitAI <span class="ml-2 px-2 py-0.5 text-xs font-bold bg-blurple rounded-full text-white"> 0 </span> </h2> </header> <div class="py-8 px-6 bg-gray-50 mt-4 rounded-lg"> <ul class="space-y-6"> <!--[if BLOCK]><![endif]--> <p class="text-sm font-medium text-gray-500">Keine Bewertungen gefunden</p> <!--[if ENDBLOCK]><![endif]--> </ul> </div> </section> <!--[if BLOCK]><![endif]--> <section> <header class="mb-4"> <h2 class="py-4 text-sm font-medium text-on-surface border-b-2 border-blurple">Ähnliche Apps</h2> </header> <div class="py-6 bg-gray-50 mt-4"> <div class="grid grid-cols-1 sm:grid-cols-3 gap-6"> <!--[if BLOCK]><![endif]--> <div class="text-center"> <a href="https://3d-ai-studio.de.softpas.com" class="block transition-transform hover:scale-105" title="3D AI Studio"> <img src="https://images.sftcdn.net/images/t_app-icon-s/p/091c41f4-e0bf-4abf-a544-5daa257d0e1a/3369391957/3d-ai-studio-logo" alt="3D AI Studio" class="w-24 h-24 mx-auto rounded-lg object-cover" loading="lazy" decoding="async" width="96" height="96"> <p class="mt-2 text-sm font-medium text-gray-900 truncate"> 3D AI Studio </p> <p class="text-xs text-gray-500">FREE</p> </a> </div> <div class="text-center"> <a href="https://3d-textures-by-polycam.de.softpas.com" class="block transition-transform hover:scale-105" title="3D textures by Polycam"> <img src="https://images.sftcdn.net/images/t_app-icon-s/p/d454cdfa-e0dc-4b76-933b-30706959a907/1917059673/3d-textures-by-polycam-logo" alt="3D textures by Polycam" class="w-24 h-24 mx-auto rounded-lg object-cover" loading="lazy" decoding="async" width="96" height="96"> <p class="mt-2 text-sm font-medium text-gray-900 truncate"> 3D textures by Polycam </p> <p class="text-xs text-gray-500">FREE</p> </a> </div> <div class="text-center"> <a href="https://3daily.de.softpas.com" class="block transition-transform hover:scale-105" title="3DAiLY"> <img src="https://images.sftcdn.net/images/t_app-icon-s/p/7c3b89a7-fdd8-45aa-a43d-e969b805baac/179865060/3daily-logo" alt="3DAiLY" class="w-24 h-24 mx-auto rounded-lg object-cover" loading="lazy" decoding="async" width="96" height="96"> <p class="mt-2 text-sm font-medium text-gray-900 truncate"> 3DAiLY </p> <p class="text-xs text-gray-500">FREE</p> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> </section> <!--[if ENDBLOCK]><![endif]--> </div> <div class="lg:self-start space-y-6"> <!--[if BLOCK]><![endif]--> <div class="ap-app-aotd-desktop"> <!--[if BLOCK]><![endif]--> <div class="ap-mini ap-aotd"> <p class="ap-mini__title">App des Tages</p> <a href="https://arctic.de.softpas.com" class="ap-aotd__card"> <img class="ap-aotd__icon" src="https://images.sftcdn.net/images/t_app-icon-s/p/0d9a158f-349f-48d5-b047-610de1357c25/2549696596/arctic-for-lemmy-logo" alt="Arctic" loading="eager" fetchpriority="high" decoding="async"> <div class="ap-aotd__body"> <p class="ap-aotd__name">Arctic</p> <p class="ap-aotd__tag"></p> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> <span class="ap-aotd__cta">Holen</span> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="bg-surface-lowest rounded-2xl shadow-ambient-md p-5"> <h2 class="text-lg font-bold text-on-surface mb-4 flex items-center gap-2"> Empfohlene Apps <i class="fa fa-chevron-right text-sm"></i> </h2> <div class="space-y-4"> <!--[if BLOCK]><![endif]--> <div> <div class="flex items-center gap-3"> <img src="https://images.sftcdn.net/images/t_app-icon-s/p/3bf842ca-2b0a-4cd0-9179-06d7ef80052a/4008747922/recordscreen-io-logo%20(3).png" alt="RecordScreen io" class="w-12 h-12 rounded-xl object-cover flex-shrink-0" loading="lazy"> <div class="flex-1 min-w-0"> <p class="text-sm font-bold text-on-surface truncate">RecordScreen io</p> <p class="text-xs text-on-surface-variant mt-0.5">Web Apps</p> </div> </div> <a href="https://recordscreen-io.de.softpas.com" class="btn-primary w-full text-center mt-2 block text-sm"> Apps herunterladen </a> </div> <div> <div class="flex items-center gap-3"> <img src="https://images.sftcdn.net/images/t_app-icon-s/p/9d4da04c-393d-4692-994b-bcff9aee341b/371103658/zoho-workdrive-download-zoho-workdrive.png" alt="Zoho WorkDrive" class="w-12 h-12 rounded-xl object-cover flex-shrink-0" loading="lazy"> <div class="flex-1 min-w-0"> <p class="text-sm font-bold text-on-surface truncate">Zoho WorkDrive</p> <p class="text-xs text-on-surface-variant mt-0.5">Web Apps</p> </div> </div> <a href="https://zoho-workdrive.de.softpas.com" class="btn-primary w-full text-center mt-2 block text-sm"> Apps herunterladen </a> </div> <div> <div class="flex items-center gap-3"> <img src="https://images.sftcdn.net/images/t_app-icon-s/p/9ba1fbd3-8dd2-40aa-bebd-934f5579a445/3709241806/research-studio-Download-Research-Studio.jpg" alt="Research Studio" class="w-12 h-12 rounded-xl object-cover flex-shrink-0" loading="lazy"> <div class="flex-1 min-w-0"> <p class="text-sm font-bold text-on-surface truncate">Research Studio</p> <p class="text-xs text-on-surface-variant mt-0.5">Web Apps</p> </div> </div> <a href="https://research-studio.de.softpas.com" class="btn-primary w-full text-center mt-2 block text-sm"> Apps herunterladen </a> </div> <div> <div class="flex items-center gap-3"> <img src="https://images.sftcdn.net/images/t_app-icon-s/p/c90f835f-ddcb-4f65-b72f-d5259e0181d7/1341857614/proton-drive-Proton%20Pass-icon.png" alt="Proton Drive" class="w-12 h-12 rounded-xl object-cover flex-shrink-0" loading="lazy"> <div class="flex-1 min-w-0"> <p class="text-sm font-bold text-on-surface truncate">Proton Drive</p> <p class="text-xs text-on-surface-variant mt-0.5">Web Apps</p> </div> </div> <a href="https://proton-drive.de.softpas.com" class="btn-primary w-full text-center mt-2 block text-sm"> Apps herunterladen </a> </div> <div> <div class="flex items-center gap-3"> <img src="https://assets.sftcdn.net/public/670730.svg" alt="Esplorio 2 0" class="w-12 h-12 rounded-xl object-cover flex-shrink-0" loading="lazy"> <div class="flex-1 min-w-0"> <p class="text-sm font-bold text-on-surface truncate">Esplorio 2 0</p> <p class="text-xs text-on-surface-variant mt-0.5">Web Apps</p> </div> </div> <a href="https://esplorio-2-0.de.softpas.com" class="btn-primary w-full text-center mt-2 block text-sm"> Apps herunterladen </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> </section> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://copilotkit-by-tawkitai.de.softpas.com" }, { "@type": "ListItem", "position": 2, "name": "Apps", "item": "https://copilotkit-by-tawkitai.de.softpas.com/apps" }, { "@type": "ListItem", "position": 3, "name": "CopilotKit by TawkitAI", "item": "https://copilotkit-by-tawkitai.de.softpas.com" } ] } </script> </main> <!-- store UI interactions --> <script nonce="yRBN2RB8q0h5i1BUcIeVfA==" defer src="https://copilotkit-by-tawkitai.de.softpas.com/js/softpas-ui.js?v=2026-08-14"></script> <footer class="ap-footer"> <div class="ap-footer__cols"> <div> <p class="ap-footer__brand">SoftPas</p> <p class="ap-footer__about"> SoftPas ist deine Plattform für aktuelle Software und Technologie - Apps, Spiele, Mods und Bewertungen für Desktop und Mobilgeräte. </p> <div class="ap-footer__social"> <a href="https://x.com/softpascom" target="_blank" rel="nofollow noopener" aria-label="X"><svg class="ap-social__svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" focusable="false"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> </a> <a href="https://www.facebook.com/profile.php?id=61560272739720" target="_blank" rel="nofollow noopener" aria-label="Facebook"><svg class="ap-social__svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" focusable="false"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> </a> <a href="https://www.instagram.com/softpascom/" target="_blank" rel="nofollow noopener" aria-label="Instagram"><svg class="ap-social__svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg> </a> </div> </div> <div> <h4>Stöbern</h4> <ul> <li><a href="https://www.softpas.com/apps">Apps</a></li> <li><a href="https://www.softpas.com/category/games">Spiele</a></li> <li><a href="https://www.softpas.com/category/ai">KI-Tools</a></li> <li><a href="https://www.softpas.com/articles">Artikel</a></li> </ul> </div> <div> <h4>Rechtliches</h4> <ul> <li><a href="https://www.softpas.com/privacy">Datenschutzerklärung</a></li> <li><a href="https://www.softpas.com/terms">Allgemeine Geschäftsbedingungen</a></li> <li><a href="https://www.softpas.com/cookie-policy">Cookie-Richtlinie</a></li> <li><a href="https://www.softpas.com/dmca">DMCA</a></li> </ul> </div> <div> <h4>Newsletter</h4> <p style="font-size:13px;line-height:20px;margin:0 0 12px;color:var(--ap-muted);"> Abonniere Software-News und kuratierte Empfehlungen. </p> <form action="#" method="POST" style="display:flex;gap:8px;"> <input type="hidden" name="_token" value="hADJJgXbmb78tiAChBLXXDDWFY0jXL0zCnr7QYbG" autocomplete="off"> <input type="email" name="email" placeholder="Deine E-Mail" required style="flex:1;min-width:0;height:36px;padding:0 12px;border-radius:6px;border:1px solid var(--ap-border);background:#ffffff;color:var(--ap-text);font-size:13px;outline:none;color-scheme:light;"> <button type="submit" style="height:36px;padding:0 16px;border-radius:6px;background:var(--ap-accent);color:#fff;border:0;font-size:13px;font-weight:600;cursor:pointer;">Abonnieren</button> </form> <a href="https://www.softpas.com/publishing-center" style="display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:600;color:var(--ap-accent);text-decoration:none;"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1"/><polyline points="16 8 12 4 8 8"/><line x1="12" y1="4" x2="12" y2="16"/></svg> Software hochladen </a> </div> </div> <div class="ap-footer__bottom"> <div>© 2026 SoftPas. Alle Rechte vorbehalten.</div> <div class="ap-footer__legal"> <a href="https://www.softpas.com/about">Über uns</a> <a href="https://www.softpas.com/team">Team</a> <a href="https://www.softpas.com/contact">Kontakt</a> <a href="https://www.softpas.com/advertising">Werbung</a> </div> </div> </footer> <script src="/livewire/livewire.min.js?id=646f9d24" nonce="yRBN2RB8q0h5i1BUcIeVfA==" data-csrf="hADJJgXbmb78tiAChBLXXDDWFY0jXL0zCnr7QYbG" data-update-uri="/livewire/update" data-navigate-once="true"></script> <!-- Schema Markup: Organization --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "SoftPas", "url": "https://softpas.com", "logo": "https://softpas.com/logo.png", "sameAs": [ "https://x.com/softpascom", "https://www.facebook.com/profile.php?id=61560272739720", "https://www.instagram.com/softpascom/" ] } </script> <!-- Schema Markup: WebSite --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "SoftPas", "url": "https://softpas.com", "potentialAction": { "@type": "SearchAction", "target": "https://softpas.com/apps?search={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script nonce="yRBN2RB8q0h5i1BUcIeVfA=="> function showAlert(message, type) { type = type || 'info'; var alertDiv = document.createElement('div'); var colors = { 'success': 'bg-green-100 border-green-500 text-green-700', 'error': 'bg-red-100 border-red-500 text-red-700', 'warning': 'bg-yellow-100 border-yellow-500 text-yellow-700', 'info': 'bg-blue-100 border-blue-500 text-blue-700' }; var icons = { 'success': 'fa-check-circle', 'error': 'fa-exclamation-circle', 'warning': 'fa-exclamation-triangle', 'info': 'fa-info-circle' }; alertDiv.className = 'fixed bottom-4 right-4 z-50'; alertDiv.innerHTML = '<div class="p-4 rounded-lg shadow-lg border-l-4 ' + colors[type] + '">' + '<div class="flex items-center">' + '<div class="flex-shrink-0"><i class="fas ' + icons[type] + ' text-xl"></i></div>' + '<div class="ml-3"><p class="text-sm font-medium">' + message + '</p></div>' + '<button class="ml-4 text-gray-400 hover:text-gray-500 alert-close"><i class="fas fa-times"></i></button>' + '</div></div>'; document.body.appendChild(alertDiv); alertDiv.querySelector(".alert-close").addEventListener("click",function(){alertDiv.remove()}); setTimeout(function() { alertDiv.remove(); }, 5000); } </script> <script nonce="yRBN2RB8q0h5i1BUcIeVfA=="> (function(){ var els = document.querySelectorAll('[data-animate]'); if (!els.length) return; if (!('IntersectionObserver' in window)) { els.forEach(function(el){ el.classList.add('is-visible'); }); return; } var obs = new IntersectionObserver(function(entries){ entries.forEach(function(e){ if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }); els.forEach(function(el){ obs.observe(el); }); })(); </script> <script nonce="yRBN2RB8q0h5i1BUcIeVfA=="> // Hard kill stale service workers that cached HTML responses for some users. // Runs on every page load; no-op once nothing is registered. if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(regs){ regs.forEach(function(r){ r.unregister(); }); }).catch(function(){}); if (window.caches && caches.keys) { caches.keys().then(function(keys){ keys.forEach(function(k){ caches.delete(k); }); }).catch(function(){}); } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "CopilotKit by TawkitAI", "operatingSystem": "Chrome", "applicationCategory": "UtilitiesApplication", "url": "https://copilotkit-by-tawkitai.de.softpas.com/", "offers": { "@type": "Offer", "price": "FREE", "priceCurrency": "USD", "availability": "https://schema.org/InStock", "url": "https://copilotkit-by-tawkitai.de.softpas.com/preview" }, "description": "Beschleunigen Sie die Entwicklung von KI\u2011Copiloten mit CopilotKit von TawkitAI. Kostenlos, Open\u2011Source, unterst\u00fctzt Salesforce, Zendesk und enth\u00e4lt die\u2026", "publisher": { "@type": "Organization", "name": "copilotkit", "url": "https://www.copilotkit.ai/" }, "image": "https://images.sftcdn.net/images/t_app-cover-s-16-9,f_auto/p/1f04843e-6908-42b4-bb8b-91897ac9e3bd/3460790353/copilotkit-by-tawkitai-screenshot" } </script> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"ItemList","itemListElement":[{"@type":"SiteNavigationElement","position":1,"name":"Spiele","url":"https://www.softpas.com/games"},{"@type":"SiteNavigationElement","position":2,"name":"Apps","url":"https://www.softpas.com/apps"},{"@type":"SiteNavigationElement","position":3,"name":"Artikel","url":"https://www.softpas.com/articles"},{"@type":"SiteNavigationElement","position":4,"name":"Produkte","url":"https://www.softpas.com/products"}]} </script> </body> </html>