Home

Awesome

<center> <img src="packages/website/src/assets/banner.png" alt="Reacord: Create interactive Discord messages using React"> </center>

Installation ∙ npm

# 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.

Example

<!-- prettier-ignore --> 
import { useState } from "react"
import { Embed, Button } from "reacord"

function Counter() {
  const [count, setCount] = useState(0)

  return (
    <>
      <Embed title="Counter">
        This button has been clicked {count} times.
      </Embed>
      <Button
        label="+1"
        onClick={() => setCount(count + 1)}
      />
    </>
  )
}

Counter demo