dicebear--dicebear
wehub-resource-sync
41 行
1.2 KiB
Markdown
41 行
1.2 KiB
Markdown
---
|
|
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>
|