npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

give-me-an-avatar

v1.0.0

Published

Gets a random avatar URL from a collection of different avatar generation services.

Downloads

18

Readme

Give Me an Avatar

Gets a random avatar URL from a collection of different avatar generation services.

Build status Azure DevOps tests Quality Gate Status Maintainability Rating MIT License npm Tweet about this

Usage

Install the package from npm using the following command.

npm i give-me-an-avatar

After installing, simply import Give Me an Avatar in your file.

const avatars = require("give-me-an-avatar");

Consume the giveMeAnAvatar() API to get an avatar URL that you can use directly as an image. You can either call the method without any parameters or supply the settings object to customize your avatar a bit. All settings are pretty self-explanatory and are not mandatory. For example:

let image = avatars.giveMeAnAvatar({
                Name: "John Smith",
                Size: 128
            }); 

The image variable will have the avatar image URL.

If you'd like to consume this package via a CDN, please see this demo.

Supported avatar services

| Service | Avatar example | |--------------------------------------------|------------------------------------------------------| | placeholder.com | image | | placeimg.com | image | | placekitten.com | image | | dummyimage.com | image | | loremflickr.com | image | | baconmockup.com | image | | placebeard.it | image | | fakeimg.pl | image | | thispersondoesnotexist.com | | | picsum.photos | image | | fillmurray.com | image | | placecage.com | image | | stevensegallery.com | image | | gravatar.com | image | | ui-avatars.com | image | | generative-placeholders.glitch.me | image | | robohash.org | image image image image | | avatars.dicebear.com | image image image image image image | | avatar.uimaterial.com | image image image image |

Notes

  • I'm not using avataaars separately since avatars.dicebear.com includes avataaars.
  • Placekitten image might appear broken at times in the table above, however, the image service itself runs fine.

Credits

  • All the avatar services used in this npm package are outlined in the table above.
  • Package logo created using AutoDraw.
  • This NPM package is developed by Clyde D'Souza.