{"id":32305796,"url":"https://github.com/ch-muhammad-adil/flutter-plugin-circular_profile_avatar","last_synced_at":"2026-01-11T04:49:34.092Z","repository":{"id":34870288,"uuid":"163499364","full_name":"ch-muhammad-adil/flutter-plugin-circular_profile_avatar","owner":"ch-muhammad-adil","description":"CircularProfileAvatar is a Flutter package which allows developers to implement circular profile avatar with border, overlay, initialsText and many other awesome features, which simplifies developers job. It is an alternative to Flutter's built in CircleAvatar Widget. ","archived":false,"fork":false,"pushed_at":"2022-03-11T12:12:20.000Z","size":796,"stargazers_count":86,"open_issues_count":3,"forks_count":22,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-10-23T06:56:07.828Z","etag":null,"topics":["circleavatar","flutter","flutter-material","flutter-package","flutter-plugin","flutter-ui-challenges","flutter-widget","profile-picture"],"latest_commit_sha":null,"homepage":"https://pub.dartlang.org/packages/circular_profile_avatar","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ch-muhammad-adil.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-12-29T09:48:58.000Z","updated_at":"2024-02-13T07:44:57.000Z","dependencies_parsed_at":"2022-08-08T02:15:17.336Z","dependency_job_id":null,"html_url":"https://github.com/ch-muhammad-adil/flutter-plugin-circular_profile_avatar","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/ch-muhammad-adil/flutter-plugin-circular_profile_avatar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ch-muhammad-adil","download_url":"https://codeload.github.com/ch-muhammad-adil/flutter-plugin-circular_profile_avatar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280577131,"owners_count":26354072,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-23T02:00:06.710Z","response_time":142,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["circleavatar","flutter","flutter-material","flutter-package","flutter-plugin","flutter-ui-challenges","flutter-widget","profile-picture"],"created_at":"2025-10-23T06:56:03.911Z","updated_at":"2025-10-23T06:56:09.894Z","avatar_url":"https://github.com/ch-muhammad-adil.png","language":"Dart","funding_links":["https://paypal.me/madil7"],"categories":[],"sub_categories":[],"readme":"# circular_profile_avatar\n\nCircularProfileAvatar is a [Flutter package](https://pub.dev/packages/circular_profile_avatar) which allows developers to implement circular profile avatar with border, overlay, initialsText and many other awesome features, which simplifies developers job. It is an alternative to Flutter's [CircleAvatar](https://docs.flutter.io/flutter/material/CircleAvatar-class.html) Widget.\n\n![](screenshots/Screenshot.png)\n\n\n# Usage\n       \n \n        CircularProfileAvatar(\n              'https://avatars0.githubusercontent.com/u/8264639?s=460\u0026v=4', //sets image path, it should be a URL string. default value is empty string, if path is empty it will display only initials\n              radius: 100, // sets radius, default 50.0              \n              backgroundColor: Colors.transparent, // sets background color, default Colors.white\n              borderWidth: 10,  // sets border, default 0.0\n              initialsText: Text(\n                \"AD\",\n                style: TextStyle(fontSize: 40, color: Colors.white),\n              ),  // sets initials text, set your own style, default Text('')\n              borderColor: Colors.brown, // sets border color, default Colors.white\n              elevation: 5.0, // sets elevation (shadow of the profile picture), default value is 0.0\n              foregroundColor: Colors.brown.withOpacity(0.5), //sets foreground colour, it works if showInitialTextAbovePicture = true , default Colors.transparent\n              cacheImage: true, // allow widget to cache image against provided url\n              imageFit = BoxFit.cover,  \n              onTap: () {\n                print('adil');\n              }, // sets on tap \n              showInitialTextAbovePicture: true, // setting it true will show initials text above profile picture, default false  \n              )\n        )\n        \nIf you want to use AssetImage or any other resource than just pass that to Child parameter. It will be shown at priority. \n\n        CircularProfileAvatar(\n                        '',\n                        child: FlutterLogo(),\n                        borderColor: Colors.purpleAccent,\n                        borderWidth: 5,\n                        elevation: 2,\n                        radius: 50,\n                      ),\n\n\nIf this project help you reduce time to develop, you can give me a cup of coffee :) \n\n[Give me through Paypal -\u003e ](https://paypal.me/madil7)\n\n## Getting Started\n\nThis project is a starting point for a Dart\n[package](https://flutter.io/developing-packages/),\na library module containing code that can be shared easily across\nmultiple Flutter or Dart projects.\n\nFor help getting started with Flutter, view our \n[online documentation](https://flutter.io/docs), which offers tutorials, \nsamples, guidance on mobile development, and a full API reference.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fch-muhammad-adil%2Fflutter-plugin-circular_profile_avatar/lists"}