initials_avatar_builder 0.0.4 copy "initials_avatar_builder: ^0.0.4" to clipboard
initials_avatar_builder: ^0.0.4 copied to clipboard

A customizable Flutter widget that automatically generates beautiful circle avatars with user initials and dynamic background colors.

initials_avatar_builder #

A customizable Flutter widget that automatically generates beautiful circle avatars with user initials, dynamic background colors, and gradient support.

Features #

  • Automatic Initials: Extracts up to 2 initials from a given name automatically. Handles single names and multi-word names gracefully.
  • Auto-generated Colors: If no color is provided, it assigns a consistent, visually pleasing background color based on the hash of the user's name. (e.g. "Shahzain" will always have the same background color).
  • Gradient Support: Opt-in support for gorgeous modern gradients using the backgroundGradient property.
  • Dynamic Sizing: Text sizes automatically adjust to fit perfectly within the avatar whether there are 1 or 2 initials.
  • Highly Customizable: Control radius, text color, font size, background color, and gradients.

Getting started #

In the dependencies: section of your pubspec.yaml, add the following line:

dependencies:
  initials_avatar_builder: ^0.0.4

Then import the package in your Dart code:

import 'package:initials_avatar_builder/initials_avatar_builder.dart';

Usage #

1. Default Auto-Color Avatar #

Provides standard initials and a consistently generated solid color.

InitialsAvatar(name: 'Shahzain Baloch'),

2. Custom Solid Color #

Override the background color and radius.

InitialsAvatar(
  name: 'Shahzain Baloch',
  radius: 40,
  backgroundColor: Colors.black,
),

3. Gradient Avatar #

Use a beautiful custom gradient instead of a solid color.

InitialsAvatar(
  name: 'BalochCodes',
  radius: 50,
  backgroundGradient: LinearGradient(
    colors: [Colors.purple, Colors.deepOrange],
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
  ),
),

4. Single Name #

Automatically centers the single initial and scales the font size.

InitialsAvatar(
  name: 'Shahzain',
  radius: 30,
),

Demo #

Check out the example/ folder for a fully working demonstration of the package.

License #

This project is licensed under the MIT License - see the LICENSE file for details. Copyright (c) 2026 BalochCodes.

Author #

Developed By Shahzain Baloch

2
likes
160
points
180
downloads

Documentation

API reference

Publisher

verified publisherbalochcodes.com

Weekly Downloads

A customizable Flutter widget that automatically generates beautiful circle avatars with user initials and dynamic background colors.

Homepage
Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on initials_avatar_builder