Fake Discord Messages In Vue

Vue components to easily build and display fake Discord messages on your web app.


  • Design modeled after Discord itself
  • Comfy and compact mode support
  • Dark and light themes support
  • Set the message author’s username
  • Set the message author’s avatar (choose from the default avatars or provide your own)
  • Set the message author’s role color
  • Display the “bot” tag on messages
  • Display fake user, role, and channel mentions
  • Highlight mentions (for when the “logged in user” is pinged)
  • Set mention colors (only used for role pings)
  • Complete embed support
  • Simple syntax!


Fake Discord Messages In Vue


v5.0.2 (01/04/2021)

  • Fix word wrap overflow issue

Download Details:

Author: Danktuary

Live Demo: https://vue-discord-message.netlify.com/

Download Link: https://github.com/Danktuary/vue-discord-message/archive/master.zip

Official Website: https://github.com/Danktuary/vue-discord-message

Install & Download:

# Yarn
$ yarn add vue-discord-message

$ npm install vue-discord-message --save

One Response

  1. Kylie!! December 21, 2021

Add Comment