Information

Material-Avatar is non-opinionated and only has a few small features. It was built to solve a larger problem. How can I generate a good looking default avatar for a user? Material-Avatar uses HTML5 Canvas to fill an element with a random(ized) background color, which uses this great module to find nice random colors, but has a fall-back just incase you don't include it.

Circle Avatars


                                        <div class="circle-profile-photo">Alease Salvas</div><a href="javascript:void(0)">Alease Salvas</a>
                                      

                                        $('.circle-profile-photo').materialAvatar({
                                          shape: 'circle'
                                        });
                                      

Square Avatars


                                  <div class="square-profile-photo">Alease Salvas</div><a href="javascript:void(0)">Alease Salvas</a>
                                

Hey Mike, we have funding for our new project!

Awesome! Photo booth banh mi pitchfork kickstarter whatever, prism godard ethical 90's cray selvage.

Artisan glossier vaporware meditation paleo humblebrag forage small batch.

Bushwick letterpress vegan craft beer dreamcatcher kickstarter.