AuthSphere Pro – Next.js & React + Firebase Authentication Kit

50+ ready-to-use login and register screens across layouts, with Firebase Auth, httpOnly session cookies, role-based access and an Express API

From $10 · Nextjs · Last updated

AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — main preview AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 1 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 2 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 3 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 4 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 5 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 6 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 7 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 8 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 9 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 10 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 11 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 12 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 13 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 14 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 15 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 16 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 17 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 18 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 19 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 20 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 21 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 22 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 23 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 24 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 25 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 26 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 27 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 28 AuthSphere Pro – Next.js  & React + Firebase Authentication Kit — screenshot 29

View the live demo

Sold by alex

Features

  • 50+ screens: 17 layouts (Aurora, Bento Grid, Glassmorphism, Neo-Brutalist, Terminal, Device Mockup, Split, Stepper and more) × 5 forms (login, register, forgot password, reset password, OTP)
  • Two frontends with the same UI: Next.js 15 App Router and React + Vite
  • Sign-in methods: email/password, Google, GitHub, Apple, phone SMS OTP, email link and email verification
  • Session security: Firebase ID tokens are exchanged for httpOnly session cookies, and the server checks them on every protected page and API route
  • Roles: admin and user roles via Firebase custom claims, an /admin panel, and a CLI command to set roles (npm run set-role)
  • Fail-closed: there are no demo or built-in accounts, and sign-in is disabled until Firebase is configured
  • Tabs stay in sync: signing out in one tab signs out all open tabs
  • Express API: verifyToken and requireRole middleware, plus Helmet and rate limiting
  • Validated forms: react-hook-form with Zod
  • Easy theming: colors, fonts and logo are set in one file (theme.config.ts), plus a registry for layouts
  • Firestore security rules included
  • Docs: setup guide, Firebase setup, customization, Vercel deployment, and troubleshooting

Specifications

Price$10 (Regular) · $49 (Extended)
FrameworkNextjs, Reactjs
Tech stack
  • Next.js 15
  • React 19
  • TypeScript 5
  • Vite 6
  • React Router 7
  • Tailwind CSS 3.4
  • Lucide icons
  • Inter and Outfit variable fonts
  • react-hook-form
  • Zod
  • Firebase v11 (client SDK)
  • Firebase Admin SDK v13
  • Cloud Firestore security rules
  • Express 4
  • Helmet
  • express-rate-limit
  • CORS
  • cookie-parser
  • Vercel
Versionv1.0.0
Last updated
CategoryAuthentication

Licences

Regular License — $10
Use the item in 1 single end product where end users are not charged to access the software (for example a company website, portfolio or a free app).
Extended License — $49
Use the item in 1 single end product where end users are charged (for example SaaS subscriptions, in-app purchases or paid app downloads).

Full terms: Terms of Service · Refund Policy

Changelog

  • v1.0.0 (2026-11-03): Initial release

Reviews

No reviews yet.