bootstrap-avatars

Responsive Avatars built with Bootstrap 5. Various templates like a circle avatar, square, inside the navbar, carousel, as a testimonial, profile and many more.

Usage no npm install needed!

<script type="module">
  import bootstrapAvatars from 'https://cdn.skypack.dev/bootstrap-avatars';
</script>

README

Responsive Avatars built with Bootstrap 5. Various templates like a circle avatar, square, inside the navbar, carousel, as a testimonial, profile and many more.

Check out Bootstrap Avatars Documentation for detailed instructions & even more examples.

Basic example

Bootstrap 5 Avatar

<img
  src="https://mdbootstrap.com/img/new/avatars/2.jpg"
  class="rounded-circle"
  style="width: 150px;"
  alt=""
/>

How to use?

  1. Download MDB 5 - free UI KIT

  2. Choose your favourite customized component and click on the image

  3. Copy & paste the code into your MDB project

▶️ Subscribe to YouTube channel for web development tutorials & resources

More examples

Bootstrap Avatar image with shadow: Bootstrap 5 Avatar

Bootstrap Square Avatar: Bootstrap 5 Avatar

Bootstrap Avatar avatar with sample content: Bootstrap 5 Avatar

Bootstrap Avatar inside navbar: Bootstrap 5 Avatar

Bootstrap Avatar inside testimonial cards: Bootstrap 5 Avatar

Bootstrap Avatar inside a profile card: Bootstrap 5 Avatar

More extended Bootstrap documentation