# Avatar Builders!

**URL:** <https://community.glideapps.com/t/avatar-builders/7964>\
**Category:** Community Resources\
**Created:** [April 27, 2020, 6:12pm UTC](https://community.glideapps.com/t/avatar-builders/7964 "2020-04-27T18:12:11Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 27, 2020, 6:12pm UTC](https://community.glideapps.com/t/avatar-builders/7964/1 "2020-04-27T18:12:11Z")

</div>

Creating this thread to highlight innovations to avatar builders within Glide. This first one comes from

> **[Avataaars Generator - A free online avatar generator for anyone to make their...](https://getavataaars.com/)**

  
 ![ScreenFlow](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9679e0a8b8532d86129576b996a8552c6f8558b3.gif)

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [April 27, 2020, 6:42pm UTC](https://community.glideapps.com/t/avatar-builders/7964/2 "2020-04-27T18:42:27Z")

</div>

Do you ever sleep 🙂 your mind must be full of ideas…just when I finish looking at one of your apps and posts on the forum another one pops up. No wonder your an expert

---

<div class="post-metadata">

**Author:** ![seth](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/seth/32/5959_2.png) [@seth](https://community.glideapps.com/u/seth)\
**Post date:** [April 27, 2020, 7:01pm UTC](https://community.glideapps.com/t/avatar-builders/7964/3 "2020-04-27T19:01:13Z")

</div>

This is so cool

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 27, 2020, 7:31pm UTC](https://community.glideapps.com/t/avatar-builders/7964/4 "2020-04-27T19:31:35Z")

</div>

Lol. What’s this “sleep” thing you speak of?

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [April 27, 2020, 9:03pm UTC](https://community.glideapps.com/t/avatar-builders/7964/5 "2020-04-27T21:03:54Z")

</div>

@Robert_Petitto Integration to the site - or you manually enjoying yourself creating lots of avatars ? 🙂

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 27, 2020, 9:27pm UTC](https://community.glideapps.com/t/avatar-builders/7964/6 "2020-04-27T21:27:30Z")

</div>

Integration…sort of. I kind of figured out the URL schema of modifying the avatar features on the site and now I’m building Glide functionality. The cool think is that the resulting image can be the avatar for the user in all other places of the app. Even better…I’m going to try to allow people to unlock avatar features by “purchasing” them. Stay tuned!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 28, 2020, 3:03am UTC](https://community.glideapps.com/t/avatar-builders/7964/7 "2020-04-28T03:03:28Z")

</div>

Alright y’all…try it out for yourselves!

> **[Avatars](https://avatars.staging.glideapp.io/)**
>
> Various Ways to Build an Avatar!

 ![ScreenFlow](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/5/5755bb5066a771c69302099d15a91c3af1c21a35.gif)

---

<div class="post-metadata">

**Author:** ![spencersRus](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/spencersrus/32/69_2.png) [@spencersRus](https://community.glideapps.com/u/spencersRus)\
**Post date:** [April 28, 2020, 2:16pm UTC](https://community.glideapps.com/t/avatar-builders/7964/8 "2020-04-28T14:16:33Z")

</div>

@Robert_Petitto

#1 - looks good - fun!

#2 - I noticed you built it in ‘staging’ is this a problem later on when you want to move it out of staging?

#2b - I noticed the staging because I opened it in my browser! Love the web/app!

#3 - are you saying that this could feed RIGHT INTO the person’s profile pic? (no uploads, just feeds into the profile pic google sheet cell? (that’s cool if that is what you meant)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 28, 2020, 3:07pm UTC](https://community.glideapps.com/t/avatar-builders/7964/9 "2020-04-28T15:07:44Z")

</div>

#1: Thanks!  
#2 - Yes…it will 😕. @david…is there anyway to “transfer” an app from staging to live environment?  
#2b - I know right?  
#3 - That’s _exactly_ what I’m saying!

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [April 28, 2020, 5:42pm UTC](https://community.glideapps.com/t/avatar-builders/7964/10 "2020-04-28T17:42:35Z")

</div>

This is amazing.  
I assume you’re still using Claudinary for this images?  
Why would these change so fast vs your Election US map app that takes 10 seconds to update the image?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 28, 2020, 5:53pm UTC](https://community.glideapps.com/t/avatar-builders/7964/11 "2020-04-28T17:53:44Z")

</div>

I’m not using cloudinary, actually. The website [https://getavataaars.com/](https://getavataaars.com/) has the URL parameter-based customization built in. I just exploited it so could work with Glide 😉

Cloudinary takes a while with my Electoral College app because it’s generating an image from a template with 50 overlays (states). Since each of the overlays has 4 variations (political parties) there are 5527200 variations of the image output. Cloudinary will cache each variation. So, the more the app gets used, the faster the image loading will occur because it will be accessing one of the cached variations rather than a fresh one.

---

<div class="post-metadata">

**Author:** ![Naos\_Wilbrink](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/naos_wilbrink/32/769_2.png) [@Naos\_Wilbrink](https://community.glideapps.com/u/Naos_Wilbrink)\
**Post date:** [April 28, 2020, 6:00pm UTC](https://community.glideapps.com/t/avatar-builders/7964/12 "2020-04-28T18:00:48Z")

</div>

Very nicely done! @Robert_Petitto I see, you use the GET params:  
[https://getavataaars.com/?accessoriesType=Wayfarers&avatarStyle=Circle&clotheType=ShirtVNeck&eyeType=Default&eyebrowType=SadConcernedNatural&facialHairType=MoustacheFancy&hairColor=BrownDark&mouthType=Smile&skinColor=DarkBrown&topType=WinterHat3](https://getavataaars.com/?accessoriesType=Wayfarers&avatarStyle=Circle&clotheType=ShirtVNeck&eyeType=Default&eyebrowType=SadConcernedNatural&facialHairType=MoustacheFancy&hairColor=BrownDark&mouthType=Smile&skinColor=DarkBrown&topType=WinterHat3)

If you get the actual SVG as a return, you can also modify the size (without loss of quality).

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 28, 2020, 6:08pm UTC](https://community.glideapps.com/t/avatar-builders/7964/13 "2020-04-28T18:08:00Z")

</div>

> If you get the actual SVG as a return

And do you know I could go about doing that? 😉

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 28, 2020, 7:59pm UTC](https://community.glideapps.com/t/avatar-builders/7964/14 "2020-04-28T19:59:48Z")

</div>

# #2. TinyGraphs Avatar Generator

This one generates a UNIQUE avatar based on text input (name, email, anything) and some other choices. Play around with it!

> **[tinygraphs](https://www.tinygraphs.com/)**
>
> an avatar generator web service

I added functionality in the app to build and select an avatar that you’ve designed.

 ![ScreenFlow](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/781aff41bb8d1dcf909be0c1e438d43d5a51dfa2.gif)

---

<div class="post-metadata">

**Author:** ![ray\_d](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@ray\_d](https://community.glideapps.com/u/ray_d)\
**Post date:** [April 29, 2020, 1:16am UTC](https://community.glideapps.com/t/avatar-builders/7964/15 "2020-04-29T01:16:47Z")

</div>

So cool. Planning to make this template available?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 29, 2020, 1:20am UTC](https://community.glideapps.com/t/avatar-builders/7964/16 "2020-04-29T01:20:04Z")

</div>

# #3. [Adorable.io](http://avatars.adorable.io/#demo)

Like TinyGraphs, this whimsical avatar generator will create a unique avatar based on a keyword. That keyword can be the email address or name of your user. Use case: users sign into your app and get a unique default avatar until they create one themselves.

Have a go!

> **[Avatars](https://avatars.staging.glideapp.io/)**
>
> Various Ways to Build an Avatar!

 ![ScreenFlow](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/4141105e7736708757eb1c0d6eabadd5b20a9896.gif)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 29, 2020, 1:37am UTC](https://community.glideapps.com/t/avatar-builders/7964/17 "2020-04-29T01:37:52Z")

</div>

Yeah…made this is staging by mistake…don’t really feel like recreating it in production. I’ll make it copiable in case you want to see it in staging and then reproduce for youself!

---

<div class="post-metadata">

**Author:** ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)\
**Post date:** [April 29, 2020, 7:49am UTC](https://community.glideapps.com/t/avatar-builders/7964/18 "2020-04-29T07:49:37Z")

</div>

Sadly not, I don’t think this is ever likely to be available.

I often wish the same!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 29, 2020, 10:22am UTC](https://community.glideapps.com/t/avatar-builders/7964/19 "2020-04-29T10:22:57Z")

</div>

Rats. Oh well…thanks for the reply!

---

<div class="post-metadata">

**Author:** ![spencersRus](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/spencersrus/32/69_2.png) [@spencersRus](https://community.glideapps.com/u/spencersRus)\
**Post date:** [April 29, 2020, 1:06pm UTC](https://community.glideapps.com/t/avatar-builders/7964/20 "2020-04-29T13:06:30Z")

</div>

Can you make it copyable then YOU copy it into glide (out of staging)? I have not done much in staging so I am not aware of the way it may work.

[Next page](https://community.glideapps.com/t/avatar-builders/7964.md?page=2)
