---
layout: page
title: Avatar Styles – Browse 35+ Avatar Designs
description: >
  Browse 35+ styles and generate avatars with the DiceBear avatar library. From
  abstract patterns to character designs: the perfect avatar generator for
  profile pictures and user avatars.
aside: false
sidebar: false
---

<script setup lang="ts">
import { computed } from 'vue';
import { useData } from 'vitepress';
import StyleList from "@theme/components/styles/StyleList.vue";
import { UiContainer, UiHeadline, UiDescription } from "@theme/components/ui";

const { theme } = useData();
const styleCount = computed(() => Object.keys(theme.value.avatarStyles).length);
</script>

<UiContainer class="styles-page">
  <div class="styles-hero">
    <UiHeadline tag="h1" class="styles-title">
      <strong>Styles</strong> Overview
    </UiHeadline>
    <UiDescription>
      Browse our avatar library, from abstract patterns to hand-crafted character illustrations. Every style is made by artists and ready to use as profile pictures in your projects.
    </UiDescription>
  </div>

  <StyleList />
</UiContainer>

<style>
.styles-page .styles-hero {
  text-align: center;
  padding: 80px 0 48px;
}
</style>