reactcord icon indicating copy to clipboard operation
reactcord copied to clipboard

React components that mimic Discord's interface

Preview

(temporary) Preview

Twemoji

This package uses twemoji to parse emojis. We strongly recommend to take a look at their attribution guide.

Roadmap

  • [x] Theming
  • [ ] Compact messages
  • [ ] Chat components
    • [x] Message Structure
    • [x] Emojis
    • [ ] Attachables
    • [x] Mentions
      • [x] Role
      • [x] User
      • [x] Channel
    • [ ] Markdown
      • [x] Basic (bold, italic, strike)
      • [ ] Quotes
      • [ ] Code blocks
      • [ ] Spoiler
    • [ ] Other elements
      • [ ] Invites
      • [ ] Reaction
      • [ ] Links
    • [x] Embeds
      • [x] Title
      • [x] Author
      • [x] Description
      • [x] Fields
      • [x] Inside markdown
      • [x] Footer
      • [x] Color

The following components can be used on other cases like a "channel selector"

  • [ ] Other components
    • [ ] Role element
    • [ ] User element
    • [ ] Channel element
    • [ ] Channel list