@usenavii/astro

Server-rendered avatars with no client JavaScript.

Install

npm i @usenavii/astro

Usage

---
import { Navii, NaviiGroup } from '@usenavii/astro';
---

<Navii seed="alice" size={64} title="Alice" animated />
<NaviiGroup seeds={['alice', 'bob', 'carol']} size={48} max={2} />

Astro 5 and newer are supported. No hydration directive is needed. Core avatar and group options, CSS class and style strings, accessible labels, sanitization, and as="img" are supported.

Direct component imports are available at @usenavii/astro/Navii.astro and @usenavii/astro/NaviiGroup.astro. Core functions and types are also exported from the package root.