Avatars that feel
like people.

Typed, SSR-first avatars for seven frameworks with a growing theme library and no runtime dependencies. Build avatars manually or draft one from a photo.

Get started
13
Themes
7
Frameworks
0
Dependencies
playground · liveseed:try-your-name
Live preview · 220×220
Why Avatune

An avatar primitive,
not a vibe pack.

Avatune provides fast, typed, and themable avatar generation with deterministic output for production use.

01
SSR-first, by default

Every avatar renders to deterministic SVG on the server. No hydration jank, no layout shift, no flicker on cold cache.

02
Seeded & deterministic

The same seed produces the same avatar across renders, processes, and CDN edges. Cache the SVG or generate it at request time.

03
Tree-shakeable themes

Each theme is its own package. Ship only the styles you import. Average bundle: 4.1kb gzipped per theme.

04
Typed end-to-end

Theme tokens, part names, and configuration all flow through TypeScript. Autocomplete every hair style and skin tone.

05
Framework-native APIs

Not a wrapper. @avatune/react, @avatune/svelte, and friends each compile to idiomatic primitives.

06
Compose, don’t configure

Every part is a slot. Swap eyebrows from one theme into another, or drop in your own SVG. The system stays consistent.

Framework adapters

Seven frameworks,
one API surface.

Each adapter exposes idiomatic primitives for its host framework. Theme tokens, deterministic seeds, and SSR behavior stay consistent across frameworks.

First-class React, with Suspense and RSC.
package@avatune/react
size8.1kbgzipped
deps0
sincev2.1
src/components/Profile.tsx
import { Avatar } from '@avatune/react'
import theme from '@avatune/kyute-theme/react'

export default function Profile({ user }) {
  return (
    <Avatar
      seed="user-42"
      theme={theme}
      size={96}
    />
  )
}
Experimental · Predictor

Draft an avatar
from a real photo.

A small on-device model reads skin tone, hair length, hair color, and facial hair, then seeds a themed avatar. Edit the inferred parts inline, or accept and ship.