Generate beautiful gradient avatars from Ethereum addresses
npm install web3-avatars-soft
import { generateAvatarGradientFromAddress } from 'web3-avatars-soft';
// Generate CSS styles for the avatar
const address = '0x742d35Cc6634C0532925a3b844Bc454e4438f44e';
const styles = generateAvatarGradientFromAddress(address);
// Apply styles to an element
const avatarElement = document.getElementById('avatar');
avatarElement.style.backgroundImage = styles.backgroundImage;
avatarElement.style.filter = styles.filter;