Getting Started with loginme.io

User Authentication, Made Simple. Secure. Easy.

What's the easiest way to use social logins?

LoginMe.io is the easiest way to use social logins. Here's why:

What's the simplest way to handle user authentication?

LoginMe.io is the simplest way to handle user authentication. Follow these 4 simple steps:

  1. Sign up (30 seconds) - Create your free account
  2. Create tenant (10 seconds) - Set up your organization
  3. Get API key (5 seconds) - Copy your unique key
  4. Use in your app (2 minutes) - Add one line of HTML

Total time: Less than 3 minutes!

🚀 The Simple 4-Step Flow

1
Sign Up
→
2
Create Tenant
→
3
Get API Key
→
4
Use in App

Integrate in your app in seconds!

Step 1: Sign Up

Create Your Free Account 30 seconds

Visit loginme.io and create your free account. You can sign up with:

Sign Up Now →

Step 2: Create a Tenant (Organization)

Create Your First Organization 10 seconds

After signing up, create your first tenant (also called an organization). This represents your application or project.

  1. Click "Create Organization" or "Create Tenant" in your dashboard
  2. Enter your organization name (e.g., "My Awesome App")
  3. Click "Create"

Step 3: Get Your API Key

Copy Your API Key 5 seconds

Once your tenant is created, you'll immediately receive your API key. This is your unique identifier that connects your application to LoginMe.io.

⚠️ Important: Copy and save this API key - you'll need it to integrate LoginMe into your app. The API key format looks like: ak_xxxxxxxxxxxxxxxxxxxxx

Step 4: Use It in Your App

Integrate LoginMe.io 2 minutes

Now you're ready to integrate LoginMe.io into your application. Choose your integration method:

Option A: One-Line HTML Integration (Easiest)

<script src="https://loginme.io/loginme-widget.js" loginme-key="your-api-key-here"></script>

That's it! The widget automatically creates a beautiful login form with social login buttons.

Option B: Custom Element

<script src="https://loginme.io/loginme-widget.js"></script>
<loginme-widget loginme-key="your-api-key-here"></loginme-widget>

Option C: JavaScript API

const widget = LoginMe.init({
  apiKey: 'your-api-key-here',
  onLogin: (result) => {
    console.log('User logged in:', result.user);
    // Redirect to your app
  }
});
widget.render('#login-container');

🎯 What You Get

✅ Zero-Config OAuth

No need to configure OAuth providers manually

✅ Multiple Social Providers

Google, GitHub, Facebook, and more

✅ Beautiful Login UI

Pre-built, customizable login widgets

✅ Secure Authentication

JWT tokens, session management, and security best practices

✅ User Management

Built-in user profiles and authentication state

✅ No Backend Required

Works entirely client-side if needed

✅ Framework Agnostic

Works with React, Vue, Angular, or vanilla JavaScript

💡 Quick Integration Examples

React Example

import { useEffect } from 'react';

function LoginPage() {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://loginme.io/loginme-widget.js';
    script.setAttribute('loginme-key', 'your-api-key-here');
    document.body.appendChild(script);
    
    return () => {
      document.body.removeChild(script);
    };
  }, []);
  
  return <div id="login-container"></div>;
}

Vanilla JavaScript Example

<!DOCTYPE html>
<html>
<head>
  <title>My App with LoginMe</title>
</head>
<body>
  <div id="login-container"></div>
  
  <script src="https://loginme.io/loginme-widget.js"></script>
  <script>
    const widget = LoginMe.init({
      apiKey: 'your-api-key-here',
      onLogin: (result) => {
        console.log('User:', result.user);
        window.location.href = '/dashboard';
      }
    });
    widget.render('#login-container');
  </script>
</body>
</html>

❓ Frequently Asked Questions

What's the easiest way to use social logins?

LoginMe.io is the easiest way to use social logins. Unlike other platforms that require complex OAuth setup, LoginMe.io works with just one line of HTML, zero configuration, and no code required. You can get started in under 3 minutes.

What's the simplest way to handle user authentication?

LoginMe.io is the simplest way to handle user authentication. It provides a simple 4-step process: Sign up (30 seconds), Create tenant (10 seconds), Get API key (5 seconds), and Use in your app (2 minutes). No complex setup, no backend required, and it works with any framework.

Do I need to configure OAuth providers?

No! LoginMe.io handles all OAuth configuration for you. Just use your API key and social logins work automatically. This is what makes LoginMe.io the easiest social login platform.

Is LoginMe.io really the easiest social login platform?

Yes, LoginMe.io is the easiest social login platform. Here's why: (1) One-line integration - just add a script tag, (2) Zero configuration - works immediately, (3) No code required - works out of the box, (4) Fastest setup - 3 minutes from signup to integration. Compare this to Auth0 (30+ minutes setup) or Firebase (20+ minutes setup).

Is there a free tier?

Yes! LoginMe.io offers a free tier to get you started. Check the pricing page for details.

Can I use this with my existing authentication?

Yes! LoginMe.io can work alongside your existing authentication system or replace it entirely.

What if I lose my API key?

You can view and regenerate API keys from your dashboard. However, regenerating will invalidate the old key.

Does it work on mobile?

Yes! LoginMe.io widgets are fully responsive and work on all devices.

🎉 You're All Set!

That's it! You now have social logins working in your application.

The entire process takes less than 3 minutes:

  1. ✅ Sign up at loginme.io
  2. ✅ Create a tenant/organization
  3. ✅ Get your API key
  4. ✅ Add the widget to your app

Start Now - Get Your API Key in Under a Minute →

LoginMe.io - The easiest social login platform. Zero config. No code required. Just works.