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