Skip to main content

Installation status

@arcscord/discord-ui is currently version 0.0.0 and has not been published to npm. The library currently declares React 19 as its peer dependency.

Within this monorepo, add "@arcscord/discord-ui": "workspace:*" to your app's dependencies, then build the library with pnpm build:lib.

import { DiscordUI, Message } from "@arcscord/discord-ui";
import "@arcscord/discord-ui/styles.css";

export function Example() {
return (
<DiscordUI theme="dark" locale="en-US" timeZone="UTC">
<Message message={{
id: "hello",
author: { id: "bot", displayName: "Welcome Bot", bot: true },
timestamp: "2026-11-01T10:24:00Z",
body: { kind: "markdown", content: "**Hello from React!**" },
}}
/>
</DiscordUI>
);
}

The stylesheet is precompiled and scoped. No Tailwind configuration is required. Public installation commands will be added when the first npm release is available.