@skyra/discord-components-react

Discord Webcomponents for real looking messages on the web

Showing:

Popularity

Downloads/wk

139

GitHub Stars

47

Maintenance

Last Commit

5d ago

Contributors

8

Package

Dependencies

1

License

MIT

Type Definitions

Built-In

Tree-Shakeable

Yes?

Readme

Discord Components

Fake Discord messages for the web

License Depfu Patreon

npm npm

Support Server


Table of Contents

Description

Discord message components to easily build and display fake Discord messages on your webpage.

This is an adaptation of wc-discord-message from Danktuary

Features

  • Design modelled after Discord itself
  • Comfy and compact mode support
  • Dark and light themes support
  • Set the message author's username, avatar (use defaults or provide your own), role color, and "bot" tag status
  • Display fake user, role, and channel mentions
  • Complete embed support
  • Simple syntax!

Demos

Angular

Edit Button

React

Create React App

Edit Button

NextJS

Edit Button

Vue

Edit Button

No Framework

Edit Button

Screenshots

Dark Mode

A normal conversation

Compact mode

With an embed

Light Mode

A normal conversation

Compact mode

With an embed

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Jeroen Claassens

💻 📖 💡 📆

depfu[bot]

🚧

dependabot[bot]

🚧

Noel

💻 🐛 🎨

Snazzah

💻

DarkGuy10

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100