Ng Person

screenshot of Ng Person
angular

A universal avatar component for Angular 2+ applications that generates truly unique colored letter avatar based on provided name.

Overview

If you're looking to enhance your Angular 2+ application with a stylish and functional user avatar component, ng-person is a fantastic option. This universal avatar component generates unique colored letter avatars based on the provided name, ensuring that each user has a personalized touch in your application. Besides supporting user photos, it allows for the inclusion of a name with a subtitle, making it a versatile addition to your user interface.

ng-person is not just about aesthetic appeal; it offers a range of customizable options to fit your application’s design and requirements. Installation is seamless through NPM, making it easy to integrate into your projects.

Features

  • Unique Letter Avatars: Generates colored letter avatars based on the user's name for a personalized touch.
  • User Photo Support: Allows the inclusion of an absolute path to a user photo for a more complete profile presentation.
  • Customizable Titles: Specify a title to display under the user's name, adding an extra layer of detail to your avatars.
  • Show/Hide Name Option: Flexibility to show or hide the user name next to the avatar for cleaner designs.
  • Rounded Corners: Option to round the corners of the avatar picture box, offering a softer aesthetic appeal.
  • Multiple Size Options: Choose from various sizes (small, medium, large, giant) to fit the component into your user interface seamlessly.
  • Easy Installation: Quick installation and integration via NPM, making it user-friendly for developers.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.