ngx-clerk

Unofficial Clerk SDK for Angular (Core 3) — 13 prebuilt UI components, a reactive ClerkService built on Angular signals, control-flow directives (*clerkSignedIn, *clerkSignedOut, *clerkLoaded, *clerkLoading), the *clerkProtect authorization directive, button directives (clerkSignInButton, clerkSignUpButton, clerkSignOutButton), and route guards (canActivateClerk, canActivateProtect) for authentication, user management, and organizations.

Disclaimer: This is an unofficial, community-maintained package and is not affiliated with Clerk.com.

Install

npm install ngx-clerk

Get started

• Quickstart — add authentication to a new app in a few steps
• Migration guide — upgrading from v0.x to v1.0

Guides

• Authentication — sign-in/up, auth buttons, and control-flow directives
• Protecting routes — guards and the *clerkProtect directive
• Reading auth state — the ClerkService signals
• Session tokens — call your backend with getToken()
• Organizations & roles — org components, roles, permissions, features, and plans
• Components — all 13 prebuilt Clerk UI components
• ClerkService — every signal and method, with effect() examples

Requirements

• Angular 20 or higher
• Clerk Core 3 (ClerkJS v6)
• Client-side rendering only — Server-Side Rendering (SSR) is not supported yet

Links

• GitHub
• npm