bubble-heads

Easy circle avatars for your latest as-a-service app.

Usage no npm install needed!

<script type="module">
  import bubbleHeads from 'https://cdn.skypack.dev/bubble-heads';
</script>

README

bubble-heads

Easy circle avatars for your latest as-a-service app.

This is a really basic module to get you up and running w/ circle avatars because we all know circle avatars are super legit.

Simple add a avatar to a container class for the avatar img and you're rocking.

<a href="/profile/drk" class="avatar">
    <img src="/avatars/drk.jpg" alt="drk avatar">
</a>

Sizes

  • xsml – avatar xsml-avatar
  • sml – avatar sml-avatar
  • med – avatar med-avatar or just avatar
  • lrg – avatar lrg-avatar
  • xlrg – avatar xlrg-avatar

You can check out the various sizes by running:

npm start

And navigating to http://localhost:8000/examples

Installation

npm install bubble-heads

Then add node_modules/bubble-heads/lib/index.css to your build script.

Or copy and paste the code in to your own css file.

Or @import it. But not really.

The choice is yours!