meta-arts

📦 Installation

npm i discord-arts@latest

✨ Features

• 🚀 Fast generation!
• 🎨 Simple and beautiful design
• 🎖️ Easy to use
• 💎 Beginner friendly

🖼️ Cards

profileImage(userId, imgOptions?)

Generates the card of a user/bot, with its badges.

profileImage(userId, {
  customTag?: string, // Text below the user
  customBadges?: string[], // Your own png badges (path and URL)
  customBackground?: string, // Change the background to any image (path and URL)
  overwriteBadges?: boolean, // Merge your badges with the discord defaults
  badgesFrame?: boolean, // Creates a small frame behind the badges
  usernameColor?: string, // Username HEX color
  tagColor?: string, // Tag HEX color
  borderColor?: string | string[], // Border HEX color, can be gradient if 2 colors are used
  borderAllign?: string, // Gradient alignment if 2 colors are used
  presenceStatus?: string, // User status to be displayed below the avatar
  squareAvatar?: boolean, // Change avatar shape to a square
  rankData?: {
    currentXp: number, // Current user XP
    requiredXp: number, // XP required to level up
    level: number, // Current user level
    rank?: number, // Position on the leaderboard
    barColor?: string, // HEX XP bar color
  }
})

Returns: Promise<Buffer>

📃 Discord.js v14 Example

const { AttachmentBuilder } = require('discord.js');
const { profileImage } = require('discord-arts');

await interaction.deferReply();
const user = interaction.options.getUser('user-option');

const buffer = await profileImage(user.id, {
  customTag: 'Admin',
  ...imgOptions
});

const attachment = new AttachmentBuilder(buffer, { name: 'profile.png' });
interaction.followUp({ files: [attachment] });

🖼️Example Results

Default Card

profileImage('ID')

Rank Card

profileImage('ID', {
  customBadges: [  './skull.png', './letter.png', './rocket.png', './crown.png', './hearth.png'  ],
  borderColor: '#087996',
  presenceStatus: 'dnd',
  badgesFrame: true,
  rankData: {
    currentXp: 2100,
    requiredXp: 3000,
    rank: 10,
    level: 20,
    barColor: '0b7b95'
  }
});

Custom User Card

profileImage('ID', {
  customBadges: [ './booster.png','./orange.png', './giveaway.png' ],
  overwriteBadges: false,
  usernameColor: '#d9dfef',
  borderColor: ['#f90257', '#043a92'],
  presenceStatus: 'idle',
  squareAvatar: true
});

Custom Bot Card

profileImage('ID', {
  customTag: 'Minecraft Bot',
  customBackground: './imgs/axoBackground.png',
  customBadges: [ './booster.png','./orange.png'],
  usernameColor: '#ffbddf',
  borderColor: '#fe6a90',
  presenceStatus: 'online',
  squareAvatar: true,
  badgesFrame: true
});

💥 Issues / Feedback

Any problem or feedback, open an issue in our github repository here