Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
flutter_profile_picture cover
Package detailsv2.0.0

flutter_profile_picture

Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
1.3K
Likes
51
Pub points
130

Install package

flutter pub add flutter_profile_picture

Package Overview

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

A Flutter package that automatically generates profile pictures using random first names and background colors based on the initial letter. Users can customize with their own images. The default color scheme is derived from the first letter of the name, ensuring visual uniqueness. Ideal for apps requiring avatars in chats, user profiles, or social features. Supports all major platforms including mobile, web, and desktop.

Use cases

  • User profile avatars
  • Chat interfaces
  • Social media apps
  • Onboarding screens
  • Team collaboration tools

Key features

  • Auto-generates profile pictures
  • Random first name and color assignment
  • Custom image support
  • Letter-based background color
  • Cross-platform compatibility

Suitable for

  • Developers building chat apps
  • Apps needing dynamic avatars
  • UI/UX designers seeking quick avatar solutions
  • Projects with user registration flows

Considerations

  • Limited customization beyond provided options
  • Relies on random name generation
  • May require additional styling for brand consistency
  • No built-in image upload functionality

Original README

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

FLUTTER PROFILE PICTURE

Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter.

Flutter Test Build GitHub Pages License: MIT pub package GitHub popularity version

bandicam 2021-09-22 20-35-48-079 (online-video-cutter com)

Style

Default Style

image

ProfilePicture(
    name: 'Dees',
    radius: 31,
    fontsize: 21,
);

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
);
Random Color

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    random: true,
);
Max letter

image


ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    count: 3,
);
Empty Name / Blank

image

ProfilePicture(
    name: '',
    radius: 31,
    fontsize: 21,
);
With Images

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',
);
Tooltips without role

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: '',
    radius: 31,
    fontsize: 21,
    tooltip: true,
);
Tooltips with role

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: 'ADMINISTRATOR',
    radius: 31,
    fontsize: 21,
    tooltip: true,
);
Tooltips with role and images

image

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: 'ADMINISTRATOR',
    radius: 31,
    fontsize: 21,
    tooltip: true,
    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',
);

Categories

Avatar, Profile Picture & Chat Heads

Source repository

Projects using this package

No data available yet.