Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.0.5

authentication_buttons

To effortlessly add social media login buttons to any flutter app, use the Authentication Buttons flutter package.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
95
Likes
19
Pub points
160

Install package

flutter pub add authentication_buttons

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The Authentication Buttons package provides a simple and elegant way to integrate social media login buttons into Flutter applications. It offers pre-designed, customizable buttons for popular platforms like Google, Facebook, Apple, and more, enhancing user onboarding with minimal code. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent UI across devices. With easy-to-use widgets and built-in styling options, developers can quickly implement authentication UI without designing from scratch. Ideal for apps requiring fast, visually appealing sign-in experiences.

Use cases

  • Adding social login buttons to mobile apps
  • Integrating Google/Facebook/Apple sign-in
  • Enhancing user onboarding flows
  • Building cross-platform authentication UI
  • Creating modern login screens

Key features

  • Pre-built social login buttons
  • Cross-platform support
  • Customizable button styles
  • Easy integration with Flutter
  • Responsive design for all devices

Suitable for

  • Flutter developers building login screens
  • Apps needing social authentication
  • Projects prioritizing quick UI implementation
  • Teams wanting consistent auth UI
  • Developers targeting multiple platforms

Considerations

  • Requires additional setup for OAuth workflows
  • May need custom handling for platform-specific behaviors
  • Limited to UI components—does not manage auth logic
  • Depends on external providers for actual authentication
  • Not suitable for non-social login methods

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

pub package pub points LinkedIn

Authentication Buttons

Authentication Buttons allows users to build social media authentication buttons for all popular SSO systems.

Usage

Add the dependency in pubsec.yaml file.

  dependencies:
    flutter:
      sdk: flutter
    authentication_buttons: 0.0.5

How to Use

  AuthenticationButton(
    authenticationMethod: AuthenticationMethod.google,
    onPressed: () {},
  )

Additional parameters that you might supply include:

  • AuthenticationMethod

    • google
    • apple
    • microsoft
    • facebook
    • reddit
    • twitter
    • linkedin
    • github
    • medium
    • dribbble
    • spotify
    • pinterest

  • ButtonSize

    • small
    • large

  • ShowLoader

    • true
    • false

Below is the example with all arguments supplied:

  AuthenticationButton(
    authenticationMethod: AuthenticationMethod.apple,
    onPressed: () {},
    showLoader: true,
  ),

Screenshots

demo screenshot_1 screenshot_2

Example

import 'package:authentication_buttons/src/authentication_button.dart';
import 'package:authentication_buttons/src/utils/enums/authentication_method.dart';
import 'package:authentication_buttons/src/utils/enums/button_size.dart';
import 'package:flutter/material.dart';

void main() => runApp(
      const MaterialApp(
        title: 'Authentication Buttons',
        home: AuthenticationButtonsExample(),
      ),
    );

class AuthenticationButtonsExample extends StatelessWidget {
  const AuthenticationButtonsExample({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          'Authentication Buttons',
        ),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          AuthenticationButton(
            authenticationMethod: AuthenticationMethod.google,
            onPressed: () {},
          ),
          AuthenticationButton(
            authenticationMethod: AuthenticationMethod.pinterest,
            onPressed: () {},
            showLoader: true,
          ),
          AuthenticationButton(
            authenticationMethod: AuthenticationMethod.microsoft,
            onPressed: () {},
            showLoader: true,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              AuthenticationButton(
                authenticationMethod: AuthenticationMethod.twitter,
                onPressed: () {},
                buttonSize: ButtonSize.small,
              ),
              AuthenticationButton(
                authenticationMethod: AuthenticationMethod.dribbble,
                onPressed: () {},
                buttonSize: ButtonSize.small,
                showLoader: true,
              ),
              AuthenticationButton(
                authenticationMethod: AuthenticationMethod.spotify,
                onPressed: () {},
                buttonSize: ButtonSize.small,
              ),
            ],
          ),
        ],
      ),
    );
  }
}

Contributing

Pull requests are welcome 🙏

For major changes, please open an issue on github

Categories

Authentication Providers & UI

Source repository

Projects using this package

No data available yet.