Web3 Avatar

A lightweight library for generating beautiful gradient avatars from Ethereum addresses.

Available for

• Vue
• React
• Svelte
• Vanilla JavaScript

🖥️ Live Demo

See live demo on web3-avatar.netlify.app

📚 Getting Started

Vue

npm install web3-avatar-vue

<template>
  <Web3Avatar address="0x1234567890123456789012345678901234567890" />
</template>

<script setup>
import Web3Avatar from 'web3-avatar-vue'
import 'web3-avatar-vue/dist/style.css'
</script>

View full Vue documentation →

React

npm install web3-avatar-react

import { Avatar } from 'web3-avatar-react'

function App() {
  return (
    <Avatar
      address="0x1234567890123456789012345678901234567890"
      style={{ width: '100px', height: '100px' }}
    />
  )
}

View full React documentation →

Svelte

npm install web3-avatar-svelte

<script>
  import { Avatar } from 'web3-avatar-svelte'
</script>

<Avatar
  address="0x1234567890123456789012345678901234567890"
  style="width: 100px; height: 100px"
/>

View full Svelte documentation →

Vanilla JavaScript

npm install web3-avatar

<div id="avatar"></div>

import createWeb3Avatar from 'web3-avatar'

createWeb3Avatar('#avatar', '0x1234567890123456789012345678901234567890')

View full vanilla JavaScript documentation →

License

Released under the MIT License.