Skip to content

React

import { PlanetAvatar, usePlanetAvatar } from 'planet-avatar/react'
export function Profile() {
const svg = usePlanetAvatar({ seed: 'viking' })
return (
<>
<PlanetAvatar seed="viking" size={96} title="Viking avatar" />
<output>{svg.length}</output>
</>
)
}

The React adapter is intentionally thin. Visual generation remains in the core package.