initials-placeholder | Vaadin

Avatar placeholder displaying the first letters of the first and last name

[ This description is mirrored from at on 2019-05-22 ]


A placeholder displaying the initials of a name à la Telegram, Gmail, etc.

Displayed in one of three colors depending on the hash value of the name.

Demo Pic


<initials-placeholder first-name="Jalal" last-name="Fathi" show-name></initials-placeholder>


bower install initials-placeholder --save


Link to this version
ImportedReleased 15 November 2016Other
Framework Support
Polymer 1.0+
Browser Independent
Install with
bower install --save JaySunSyn/initials-placeholder"#1.0.1"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.1


  • polymer#Polymer/polymer#^1.1.0