OnFiNtY Auth Kit - Premium Flutter Authentication UI | GoRouter, Supabase & MIT License

The Kit's Signature

Everything you need, perfectly configurable

7

Light Themes

7

Dark Themes

7

Welcome Layouts

7

Login Layouts

7

Register Layouts

7

Background Engines

7

Languages + RTL

$77

One-Time Forever

0 Unique Combinations

Everything You Need

A complete, production-ready authentication experience. No corner-cutting, no missing pieces.

✨ 8 Complete Authentication Screens

Welcome Screen

Eye-catching entry point with customizable branding

Login Screen

Email/password + optional social auth

Register Screen

With avatar upload and validation

Forgot Password

Password recovery flow

OTP Verification

Code verification UI with auto-focus

Reset Password

New password setup with strength meter

Success Screen

Contextual success messages

Error Screen

Beautiful error handling

🎨 Premium Design System

7 Professional Themes

Cosmic, Ocean, Nature, Sunset, Royal, Midnight, Minimal - switch with one line

Glassmorphism UI

Modern frosted glass effects with perfect blur and transparency

7 Animated Backgrounds

Mesh, Orbs, Geometric, Galactic, Particles, Nebula, Grid

Smooth Animations

Flutter Animate for buttery 60 FPS transitions

Performance-aware: auto downgrade on low-end devices

Fully Responsive

Perfect on mobile, tablet, and desktop/web

Custom Logo Support

Add your brand logo with customizable sizing per screen

Backend Agnostic

Works with Firebase, Supabase, REST API, or any custom backend

Session Persistence

Built-in AuthWrapper handles login state automatically

WCAG Accessible

Semantic headers, live regions, configurable touch targets

Keyboard Navigation

Next/Done focus traversal for efficient data entry

Full Social Login

Google, Apple, and Facebook. Production-ready implementations.

🌍 Multi-Language Support

7 Built-in Languages

🇬🇧 English

🇸🇦 Arabic (RTL)

🇪🇸 Spanish

🇫🇷 French

🇨🇳 Chinese

🇮🇳 Hindi

🇩🇪 German

Easy to Extend

Simple map-based localization system - no ARB files, no code generation!

Add a new language in just minutes by editing one file.

🔌 Backend Agnostic Architecture

🔥

Firebase

Complete example included

💚

Supabase

Production-ready implementation

🌐

REST API

Custom backend template

🎯

Mock Backend

Testing without backend

Swap backends anytime without touching UI code. All interaction goes through a simple AuthInterface.

Full examples with copy-paste ready code for Firebase, Supabase, and REST API included.

🚀 Production-Ready Features

Form Validation

Real-time and on-submit validation with error messages

Password Strength Meter

Visual feedback for password security

Error Handling

Comprehensive error dialogs and messages

Session Persistence

AuthWrapper auto-redirects logged-in users

Avatar Upload

Integrated image picker with backend upload

Go Router Integration

Modern declarative routing built-in

Accessibility Support

Screen reader support and semantic labels

Social Auth Ready

Google, Facebook, Apple Sign-In interfaces

Customizable Config

Single file for all customization options

📦 What's in the Package

Complete Source Code

Clean, well-structured Dart code
Comprehensive inline comments
All 8 screens + reusable widgets
Backend implementation examples

2000+ Lines of Documentation

Step-by-step setup guides
Complete backend integration tutorials
Customization examples
Troubleshooting and best practices

Why OnFiNtY?

Stop reinventing the wheel. Here's what you get vs. building from scratch.

165+

Hours Saved

4+

Weeks of Work

$8k+

Dev Cost Saved

Feature

DIY

OnFiNtY

8 Complete Screens Login, Register, OTP, etc.

40+ hours

✅ Included

Premium Glassmorphism 7 Themes + Dark Variants

20+ hours

✅ Included

Multi-Language + RTL 7 Languages, Arabic support

15+ hours

✅ Included

7 Animated Backgrounds Particles, Nebula, Grid, etc.

25+ hours

✅ Included

Backend Integration Firebase, Supabase, REST API

20+ hours

✅ Included

Social Login Google, Apple, Facebook

15+ hours

✅ Included

2000+ Lines Docs Setup guides, API docs

30+ hours

✅ Included

Total You Save

Without OnFiNtY 165+ hours

With OnFiNtY ~10 mins

That's 4+ weeks of full-time development condensed into a coffee break. ☕

Developer First Integration

Setup in 3 Simple Steps

From "flutter create" to production-ready authentication in minutes. Full guides available for Routing, Backends, and more.

1

Add Dependencies

Add the core packages to your `pubspec.yaml`. We rely on community favorites like `flutter_animate` and `go_router`.

flutter pub get

2

Wrap Your Router

Wrap your routes with `AuthWrapper`. It handles session persistence, redirects, and loading states automatically.

GoRouter Navigator 2.0

3

Configure Backend

One line to switch backends. Use the built-in mocks for UI dev, then swap to Firebase or Supabase.

AuthService.instance.configure(...)

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter

  # Required for Localization
  flutter_localizations:
    sdk: flutter

  # Core UI & Animations
  flutter_screenutil: ^5.9.0
  flutter_animate: ^4.5.0
  google_fonts: ^6.1.0
  lucide_icons: ^0.257.0

  # Navigation
  go_router: ^13.2.0

  # Auth Essentials
  image_picker: ^1.2.1  # For avatars
  intl: ^0.20.2          # Localization

final _router = GoRouter(
  initialLocation: '/',
  routes: [
    // 1. Wrap your app to handle sessions
    GoRoute(
      path: '/',
      builder: (context, state) => AuthWrapper(
        // Where to go if logged in?
        home: const HomePage(),
      ),
    ),

    // 2. Add Kit Routes (Spread Operator)
    ...getAuthRoutes(),
    
    // 3. Your App Routes
    GoRoute(
      path: '/home',
      builder: (_, __) => const HomePage(),
    ),
  ],
);

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // OPTION A: Testing? Use Mocks.
  AuthService.instance.configure(
    MockAuthImplementation()
  );

  // OPTION B: Production? Use Firebase!
  // await Firebase.initializeApp(...);
  // AuthService.instance.configure(
  //   FirebaseAuthImplementation()
  // );

  runApp(const MyApp());
}

Complete Configuration

Every option in auth_config.dart

Theme Configuration

appName - Your app's name
defaultLocale - 7 languages available
themeType - 14 themes (7 light + 7 dark)
backgroundStyle - 7 animated backgrounds
backgroundQuality - High/Medium/Low/Off

Layout Configuration

welcomeLayoutStyle - 7 layouts
loginLayoutStyle - 7 layouts
registerLayoutStyle - 7 layouts

Classic, Hero, Split, Minimal, Card, Illustration, BottomCTA, and more!

Logo Configuration

logoPath - Custom logo asset
logoAlignment - 6 presets
logoSize - Custom sizing
logoPadding - Custom spacing
Per-screen logo sizes

Social Login

enableGoogleSignIn
enableFacebookSignIn
enableAppleSignIn

Full implementations included in backend examples!

Validation & Security

enableRealTimeValidation
passwordStrength - Weak/Medium/Strong/Custom
customPasswordRules
emailValidationMode
useOtpPage / otpSlotCount

Routing Configuration

All route paths customizable
successRoute - Where to go after login
successScreenAutoNavSeconds

Works with Go Router out of the box!

Accessibility

accessibilityMode
minTouchTargetSize (WCAG 48dp)
highContrastMode

WCAG compliant semantic labels included!

Custom Messages

customWelcomeTitle
customWelcomeSubtitle
customLoginSubtitle
customRegisterSubtitle

Multi-language map-based customization!

Backend Integration

Firebase - Full example
Supabase - Full example
REST API - Template
Mock - Testing mode

Swap backends without touching UI code!

What's Inside the Kit

Complete file structure - nothing hidden

Kit Structure

onfinty_auth/
├── auth_config.dart          # Your customization hub
├── core/
│   ├── theme/               # Theme system (14 themes)
│   ├── router/              # Go Router integration
│   ├── utils/               # Validators, helpers
│   └── l10n/                # 7 language translations
├── backend/
│   ├── auth_interface.dart   # Backend contract
│   ├── auth_service.dart     # Singleton service
│   ├── social_login_helper.dart
│   └── auth_backend_examples.dart  # Firebase, Supabase, Mock
├── models/
│   └── user_entity.dart      # User data model
├── screens/                  # 8 complete screens
│   ├── auth_welcome_screen.dart
│   ├── auth_login_screen.dart
│   ├── auth_register_screen.dart
│   ├── auth_forgot_password_screen.dart
│   ├── auth_otp_verification_screen.dart
│   ├── auth_reset_password_screen.dart
│   ├── auth_success_screen.dart
│   └── auth_error_screen.dart
└── widgets/                  # Reusable components
    ├── auth_button.dart
    ├── auth_text_field.dart
    ├── auth_glass_card.dart
    ├── auth_logo.dart
    ├── auth_header.dart
    ├── auth_social_row.dart
    ├── auth_error_dialog.dart
    └── auth_professional_background.dart

Documentation Files

README.md
Overview, features, quick start
CLIENT_GUIDE.md
Complete customization guide (1000+ lines)
BACKEND_INTEGRATION.md
Firebase, Supabase, REST API examples
QUICK_START.md
Get running in 5 minutes
ROUTER_GUIDE.md
Go Router integration details
CHANGELOG.md
Version history & updates

License

This kit is licensed under the MIT License:

Use in personal projects
Use in commercial projects
Modify and customize freely
Unlimited projects per purchase

The MIT license applies to individual source files. The product as a bundled commercial kit is protected by these terms. Distribution of the full kit as a competing product is restricted.

Built For You

Whether you're shipping solo or scaling a team

Indie Hackers

Ship 10x faster. Focus on your product while we handle the auth UI.

Agencies

Maximize margins. Premium UI at a fraction of dev time.

Startups

MVP in days, not weeks. Impress investors instantly.

Students

Learn pro patterns. Study production-grade Flutter code.

What You Get Instantly

After purchase, you'll receive immediate access to:

Complete Source Code

All Dart files, ready to copy into your project

CLIENT_GUIDE.md

Step-by-step integration for any scenario

BACKEND_INTEGRATION.md

Firebase, Supabase, and REST API examples

CHANGELOG.md

Full version history and updates

All 7 Themes

Cosmic, Ocean, Nature, Sunset, Royal, Midnight, Minimal

All 7 Backgrounds

Mesh, Orbs, Geometric, Galactic, Particles, Nebula, Grid

All 7 Languages

Including RTL Arabic support

All 21 Layouts

7 Welcome + 7 Login + 7 Register varieties

Explore the Collection

Filter by category to see the power of OnFiNtY Auth. 0 images available.

Frequently Asked Questions

Trusted by real-world projects

Everything you need to know about the product and billing.

Is this a one-time payment?

Yes! You pay $77 once and get lifetime access to the code, updates, and any new themes we add in the future.

Can I use this for client projects?

Absolutely. The license allows for unlimited personal and commercial projects. You cannot, however, resell the kit itself.

How do I change the theme?

It's literally one line of code in the `auth_config.dart` file. `theme: AuthTheme.cosmic`, `theme: AuthTheme.ocean`, etc.

Does it work with Supabase/Firebase?

Yes. We include full, production-ready implementation examples for both Firebase and Supabase. You can also hook it up to any REST API.

What happens after purchase?

You'll get an immediate download link for the full Flutter source code zip file. Unzip, run `flutter pub get`, and you're good to go.

Build Stunning Auth

The Kit's Signature

Everything You Need

✨ 8 Complete Authentication Screens

Welcome Screen

Login Screen

Register Screen

Forgot Password

OTP Verification

Reset Password

Success Screen

Error Screen

🎨 Premium Design System

7 Professional Themes

Glassmorphism UI

7 Animated Backgrounds

Smooth Animations

Fully Responsive

Custom Logo Support

Backend Agnostic

Session Persistence

WCAG Accessible

Keyboard Navigation

Full Social Login

🌍 Multi-Language Support

7 Built-in Languages

Easy to Extend

🔌 Backend Agnostic Architecture

Firebase

Supabase

REST API

Mock Backend

🚀 Production-Ready Features

Form Validation

Password Strength Meter

Error Handling

Session Persistence

Avatar Upload

Go Router Integration

Accessibility Support

Social Auth Ready

Customizable Config

📦 What's in the Package

Complete Source Code

2000+ Lines of Documentation

Why OnFiNtY?

Setup in 3 Simple Steps

Add Dependencies

Wrap Your Router

Configure Backend

Complete Configuration

Theme Configuration

Layout Configuration

Logo Configuration

Social Login

Validation & Security

Routing Configuration

Accessibility

Custom Messages

Backend Integration

What's Inside the Kit

Kit Structure

Documentation Files

License

Built For You

Indie Hackers

Agencies

Startups

Students

Simple, Transparent Pricing

What You Get Instantly

Complete Source Code

CLIENT_GUIDE.md

BACKEND_INTEGRATION.md

CHANGELOG.md

All 7 Themes

All 7 Backgrounds

All 7 Languages

All 21 Layouts

Explore the Collection

Ready to Build
Beautiful Auth?