https://github.com/itsMapleLeaf/reacord

Create interactive Discord messages using React. ⚛
https://github.com/itsMapleLeaf/reacord

discord discord-js nodejs react react-renderer

Last synced: 6 days ago
JSON representation

Create interactive Discord messages using React. ⚛

• Host: GitHub
• URL: https://github.com/itsMapleLeaf/reacord
• Owner: itsMapleLeaf
• License: mit
• Created: 2021-12-08T06:36:50.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-02T14:54:27.000Z (over 1 year ago)
• Last Synced: 2025-04-02T10:11:43.637Z (14 days ago)
• Topics: discord, discord-js, nodejs, react, react-renderer
• Language: TypeScript
• Homepage: https://reacord.mapleleaf.dev/
• Size: 3.5 MB
• Stars: 756
• Watchers: 5
• Forks: 13
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-renderer - reacord - Create interactive Discord messages using React. (Chatbot)

README

        

  

## Installation ∙ [![npm](https://img.shields.io/npm/v/reacord?color=blue&style=flat-square)](https://www.npmjs.com/package/reacord)

```console

# npm

npm install reacord react discord.js

# yarn

yarn add reacord react discord.js

# pnpm

pnpm add reacord react discord.js

```

## Get Started

[Visit the docs to get started.](https://reacord.mapleleaf.dev/guides/getting-started)

## Example

```tsx

import { useState } from "react"

import { Embed, Button } from "reacord"

function Counter() {

  const [count, setCount] = useState(0)

  return (

    <>

      

        This button has been clicked {count} times.

      

       setCount(count + 1)}

      />

    >

  )

}

```

![Counter demo](./reacord-counter-demo.gif)