mochikao

avatars déterministes · zéro dépendance · ~7 Ko

Un visage pour
chaque nom.

Trois familles

L'éditeur

Ouvrir l'éditeur

Galerie

Dans ton code

React · Vue · Svelte · Solid

import { Mochikao } from 'mochikao/react';
import { Mochikao } from 'mochikao/vue';
import Mochikao from 'mochikao/svelte';
import { Mochikao } from 'mochikao/solid';

<Mochikao name="alex" animate="hover" />

Fonction

import { mochikao } from 'mochikao';

const svg = mochikao({
  name: 'alex@mail.com',
  family: 'animals',
  background: 'squircle',
});

Web component

import { defineMochikao } from 'mochikao/element';
defineMochikao();

<mochikao-avatar name="alex"
  animate="hover" gaze>
</mochikao-avatar>

HTTP & CLI

<img src="/api/alex.svg?family=produce">

npx mochikao alex --bg circle -o alex.svg
npx mochikao alex --info