Dicebear in Next.js

Start using Dicebear avatar generation services in your Next.js projects.

🔨 Installation

# npm
npm i dicebear-next

# yarn
yarn add dicebear-next

💼 Usage

import Dicebear from 'dicebear-next';

<>
  {/* 
    It is a regular Next.js Image component,
    but with options.
   */}
  <Dicebear.Adventurer
    alt={'Dicebear avatar'}
    options={{
      seed: 'XenoPOMP',
      flip: false,
      rotate: 0,
      scale: 100,
      radius: 0,
      backgroundType: ['solid', 'gradientLinear'],
    }}
    width={100} // Required
    height={100} // Required
    style={{
      width: '100%',
      aspectRatio: 1,
    }}
  />
</>

🍽️ Result