AuthKit

Overview

AuthKit is an authentication-product marketing landing by SonoJS (demo brand: AuthKit / WorkOS). Built with Next.js 16, React 19, TypeScript, Tailwind CSS 4, and OpenNext for Cloudflare. Hero Introducing AuthKit with pointer-tilt floating auth cards (social sign-in, email, verify code), theme toggle, feature row (SSO, MFA, Magic Auth, and more), extensibility, brand customization, Radix section, security, platform (SAML/SCIM/RBAC), testimonials, and CTA. Local fonts only - no external CDN. Demo product chrome only - no real auth backend. Deployable via OpenNext + Wrangler.

Highlights

1. 01

   Floating auth stage

   Pointer-tilt AuthFormCard stack - social, email, and verify - under a giant AuthKit mark.

2. 02

   Feature + Radix story

   SSO/MFA/Magic Auth row, customization, Built on Radix, and enterprise platform copy.

3. 03

   Theme + atmosphere

   Dark frost UI with Atmosphere, theme toggle section, testimonials, and CTA.

4. 04

   Next.js and Workers-ready

   Next.js 16 + Tailwind 4 + OpenNext/Wrangler - npm run build / deploy.

You get

• Full Next.js 16 + React 19 + TypeScript source (AuthKit)
• Hero, ThemeToggle, FeatureRow, Extensible, Customization, Radix, Security, Platform, Testimonials, CTA
• AuthFormCard + UI primitives
• Local fonts (Inter / Space Grotesk / JetBrains Mono mapped)
• OpenNext Cloudflare config (wrangler.jsonc)