discord-arts

- Customized cards with Discord style -

---

📦 Installation

npm i discord-arts@latest

✨ Features

• 🚀 Fast generation!
• 🎨 Simple and beautiful design
• 🎖️ Easy to use
• 💎 Beginner friendly
• ❌ Discord.js not required

📌 NEW!!

• 🖼️ Avatar decorations/frames!!
• 🎴 Automatic profile theme colors!!
• 🔮 Booster badges are back!!
• 🛡️ Automod and LegacyUsername badges!!

🖼️ Cards

🪄 profileImage(userId, imgOptions?)

Card of a USER / BOT, with its badges and more custom options.

Returns: Promise<Buffer>

imgOptions (Click to show)

profileImage(userId, {
  customTag?: string, // Text below the user
  customBadges?: string[], // Your own png badges (path and URL) (46x46)
  customBackground?: string, // Change the background to any image (path and URL) (885x303)
  overwriteBadges?: boolean, // Merge your badges with the discord defaults
  badgesFrame?: boolean, // Creates a small frame behind the badges
  removeBadges?: boolean, // Removes badges, whether custom or from discord
  removeBorder?: boolean, // Removes the image border, custom and normal
  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
  disableProfileTheme?: boolean, // Disable the discord profile theme colors
  presenceStatus?: string, // User status to be displayed below the avatar
  squareAvatar?: boolean, // Change avatar shape to a square
  removeAvatarFrame?: boolean, // Remove the discord avatar frame/decoration (if any)
  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

    // === Options added by Cannicide#2753 ===
    levelColor?: string, // HEX color of LVL text
    autoColorRank?: boolean, // Whether to color ranks as medal colors for 1st, 2nd, 3rd
  }

  // === Options added by Cannicide#2753 ===
  moreBackgroundBlur?: boolean, // Triples blur of background image
  backgroundBrightness?: number, // Set brightness of background from 1-100%
  customDate?: Date || string, // Custom date or text to use instead of when user joined Discord

  localDateType?: string, // Local format for the date, e.g. 'en' | 'es' etc.
})

Code examples (Click to show)

📃 Discord.js v14

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',
  squareAvatar: true,
  ...imgOptions
});

interaction.followUp({ files: [buffer] });

Result images (Click to show)

Rank Card

profileImage('UserID', {
  customBadges: [  './skull.png', './rocket.png', './crown.png'  ],
  presenceStatus: 'phone',
  badgesFrame: true,
  customDate: 'AWESOME!',
  moreBackgroundBlur: true,
  backgroundBrightness: 100,
  rankData: {
    currentXp: 2100,
    requiredXp: 3000,
    rank: 1,
    level: 20,
    barColor: '#fcdce1',
    levelColor: '#ada8c6',
    autoColorRank: true
  }
});

---

Custom User Card

profileImage('UserID', {
  borderColor: ['#0000ff', '#00fe5a'],
  presenceStatus: 'idle',
  removeAvatarFrame: false
});

---

Custom Bot Card

profileImage('UserID', {
  customBackground: 'https://i.imgur.com/LWcWzlc.png',
  borderColor: '#ec8686',
  presenceStatus: 'online',
  badgesFrame: true
});

---

💥 Issues / Feedback

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

⭐ Support

Send me a msg on discord! iAsure#0001