AuthNova - React SaaS Authentication Starter Kit icon

AuthNova - React SaaS Authentication Starter Kit

Go to Website
Hot or Not
AuthNova - React SaaS Authentication Starter Kit

Description

AuthNova — Premium SaaS Authentication Starter Kit

AuthNova is a production-ready SaaS boilerplate that saves you weeks of development time. Built with modern technologies — React 18, Vite, TypeScript, TailwindCSS, shadcn/ui, and Supabase — it gives you a fully functional authentication system and dashboard out of the box.

🔐 Authentication Features

  • Email & Password Login / Registration
  • OTP Email Verification after signup
  • Forgot Password / Reset Password flow
  • Google OAuth Login (ready to plug in credentials)
  • GitHub OAuth Login (ready to plug in credentials)
  • Remember Me functionality
  • Rate Limiting — auto lockout after 3 failed attempts
  • Session Persistence via Supabase

📊 Dashboard Features

  • Protected Routes — unauthenticated users auto-redirected
  • Sidebar navigation powered by shadcn/ui
  • Interactive analytics charts using Recharts
  • User Profile page
  • Settings page with RTL (Arabic) language support toggle

🎨 Design & UI

  • Premium glassmorphism aesthetic
  • Dark mode ready
  • Smooth micro-animations and transitions
  • Fully responsive — mobile, tablet, and desktop
  • Custom Inter font via Google Fonts

Features

  • React 18 + Vite + TypeScript
  • Supabase Authentication (real backend, no mock)
  • OTP Email Verification
  • Google & GitHub OAuth (plug-and-play)
  • Rate Limiting / Brute Force Protection
  • Protected Dashboard Routes
  • Recharts Data Visualization
  • shadcn/ui Component Library
  • RTL / Arabic Language Support
  • Fully Responsive Design
  • Glassmorphism Premium UI
  • Clean Scalable Folder Structure
  • Detailed README with setup guide

Requirements

  • Node.js v18 or higher
  • A free Supabase account
  • Basic knowledge of React and JavaScript
  • GitHub or Google account for OAuth setup (optional)

Instructions

  1. Download and unzip the package
  2. Run npm install
  3. Copy .env.example to .env
  4. Add your Supabase Project URL and Anon Key to the .env file
  5. Run npm run dev to start the development server
  6. Open http://localhost:8080 in your browser
  7. For Google/GitHub OAuth, follow the detailed guide in README.md
Authoromar12dev
CategoryScripts & Code / ReactJS
Price$34
Extended License$102
First ReleaseApr 6, 2026
Last UpdateApr 6, 2026
Files included.css, .html, JavaScript .js

Categories

reactreactjssaasScripts & Codetailwindcss

Tags

authenticationBoilerplatedashboardloginoauthprotected routesshadcnsignupstarter kitsupabasetypescriptvite

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit