---
title: "Frontend (SPA) Quickstart Guides"
description: "Step-by-step instructions for integrating ZITADEL authentication into your frontend single-page applications. Includes guides for React, Angular, Vue, and vanilla JS."
---

{/* THIS FILE IS AUTO-GENERATED FROM SIDEBAR-DATA.
  ANY MANUAL CHANGES WILL BE OVERWRITTEN.
*/}

import { Card, Cards } from 'fumadocs-ui/components/card';
import { FileText, Folder, Link as LinkIcon } from 'lucide-react';

<Cards>
    <Card title="Angular" href="/sdk-examples/angular" icon={<FileText />} />
    <Card title="React" href="/sdk-examples/react" icon={<FileText />} />
    <Card title="Vanilla-JS" href="https://github.com/zitadel/zitadel-vanilla-js" icon={<LinkIcon />} external />
    <Card title="Vue" href="/sdk-examples/vue" icon={<FileText />} />
</Cards>