diff --git a/packages/reacord/library/core/component-event.ts b/packages/reacord/library/core/component-event.ts
index 62c7d6f..396b3d5 100644
--- a/packages/reacord/library/core/component-event.ts
+++ b/packages/reacord/library/core/component-event.ts
@@ -33,15 +33,23 @@ export interface ComponentEvent {
 	guild?: GuildInfo
 
 	/** Create a new reply to this event. */
-	reply(content?: ReactNode): ReacordInstance
+	reply(content?: ReactNode, options?: ReplyInfo): ReacordInstance
 
 	/**
 	 * Create an ephemeral reply to this event, shown only to the user who
 	 * triggered it.
+	 *
+	 * @deprecated Use event.reply(content, { ephemeral: true })
 	 */
 	ephemeralReply(content?: ReactNode): ReacordInstance
 }
 
+/** @category Component Event */
+export interface ReplyInfo {
+	ephemeral?: boolean
+	tts?: boolean
+}
+
 /** @category Component Event */
 export interface ChannelInfo {
 	id: string
diff --git a/packages/reacord/library/core/instance.ts b/packages/reacord/library/core/instance.ts
index 4c6eca3..bea8ba7 100644
--- a/packages/reacord/library/core/instance.ts
+++ b/packages/reacord/library/core/instance.ts
@@ -7,7 +7,7 @@ import type { ReactNode } from "react"
  */
 export interface ReacordInstance {
 	/** Render some JSX to this instance (edits the message) */
-	render: (content: ReactNode) => void
+	render: (content: ReactNode) => ReacordInstance
 
 	/** Remove this message */
 	destroy: () => void
diff --git a/packages/reacord/library/core/reacord-discord-js.ts b/packages/reacord/library/core/reacord-discord-js.ts
index 6e48763..3f6dadc 100644
--- a/packages/reacord/library/core/reacord-discord-js.ts
+++ b/packages/reacord/library/core/reacord-discord-js.ts
@@ -18,19 +18,49 @@ import type {
 	GuildInfo,
 	GuildMemberInfo,
 	MessageInfo,
+	ReplyInfo,
 	UserInfo,
 } from "./component-event"
 import type { ReacordInstance } from "./instance"
 import type { ReacordConfig } from "./reacord"
 import { Reacord } from "./reacord"
 
-interface SendOptions {
+/**
+ * Options for the channel message.
+ *
+ * @see https://reacord.mapleleaf.dev/guides/sending-messages
+ */
+export interface LegacyCreateChannelMessageOptions
+	extends CreateChannelMessageOptions {
+	/**
+	 * Send message as a reply. Requires the use of message event instead of
+	 * channel id provided as argument.
+	 *
+	 * @deprecated Use reacord.createMessageReply()
+	 */
 	reply?: boolean
 }
 
-interface ReplyOptions {
-	ephemeral?: boolean
-}
+/**
+ * Options for the channel message.
+ *
+ * @see https://reacord.mapleleaf.dev/guides/sending-messages
+ */
+export interface CreateChannelMessageOptions {}
+
+/**
+ * Options for the message reply method.
+ *
+ * @see https://reacord.mapleleaf.dev/guides/sending-messages
+ */
+export interface CreateMessageReplyOptions {}
+
+/**
+ * Custom options for the interaction reply method.
+ *
+ * @see https://reacord.mapleleaf.dev/guides/sending-messages
+ */
+export type CreateInteractionReplyOptions = ReplyInfo
 
 /**
  * The Reacord adapter for Discord.js.
@@ -53,18 +83,68 @@ export class ReacordDiscordJs extends Reacord {
 		})
 	}
 
+	/**
+	 * Sends a message to a channel.
+	 *
+	 * @param target - Discord channel object.
+	 * @param [options] - Options for the channel message
+	 * @see https://reacord.mapleleaf.dev/guides/sending-messages
+	 */
+	public createChannelMessage(
+		target: Discord.Channel,
+		options: CreateChannelMessageOptions = {},
+	): ReacordInstance {
+		return this.createInstance(
+			this.createChannelMessageRenderer(target, options),
+		)
+	}
+
+	/**
+	 * Replies to a message by sending a message.
+	 *
+	 * @param message - Discord message event object.
+	 * @param [options] - Options for the message reply method.
+	 * @see https://reacord.mapleleaf.dev/guides/sending-messages
+	 */
+	public createMessageReply(
+		message: Discord.Message,
+		options: CreateMessageReplyOptions = {},
+	): ReacordInstance {
+		return this.createInstance(
+			this.createMessageReplyRenderer(message, options),
+		)
+	}
+
+	/**
+	 * Replies to a command interaction by sending a message.
+	 *
+	 * @param interaction - Discord command interaction object.
+	 * @param [options] - Custom options for the interaction reply method.
+	 * @see https://reacord.mapleleaf.dev/guides/sending-messages
+	 */
+	public createInteractionReply(
+		interaction: Discord.CommandInteraction,
+		options: CreateInteractionReplyOptions = {},
+	): ReacordInstance {
+		return this.createInstance(
+			this.createInteractionReplyRenderer(interaction, options),
+		)
+	}
+
 	/**
 	 * Sends a message to a channel. Alternatively replies to message event.
 	 *
+	 * @deprecated Use reacord.createChannelMessage() or
+	 *   reacord.createMessageReply() instead.
 	 * @see https://reacord.mapleleaf.dev/guides/sending-messages
 	 */
-	override send(
-		channelId: string,
+	public send(
+		event: string | Discord.Message,
 		initialContent?: React.ReactNode,
-		options?: SendOptions,
+		options: LegacyCreateChannelMessageOptions = {},
 	): ReacordInstance {
 		return this.createInstance(
-			this.createChannelRenderer(channelId, options),
+			this.createMessageReplyRenderer(event, options),
 			initialContent,
 		)
 	}
@@ -72,12 +152,13 @@ export class ReacordDiscordJs extends Reacord {
 	/**
 	 * Sends a message as a reply to a command interaction.
 	 *
+	 * @deprecated Use reacord.createInteractionReply() instead.
 	 * @see https://reacord.mapleleaf.dev/guides/sending-messages
 	 */
-	override reply(
+	public reply(
 		interaction: Discord.CommandInteraction,
 		initialContent?: React.ReactNode,
-		options?: ReplyOptions,
+		options: CreateInteractionReplyOptions = {},
 	): ReacordInstance {
 		return this.createInstance(
 			this.createInteractionReplyRenderer(interaction, options),
@@ -88,13 +169,14 @@ export class ReacordDiscordJs extends Reacord {
 	/**
 	 * Sends an ephemeral message as a reply to a command interaction.
 	 *
-	 * @deprecated Use reacord.reply(interaction, content, { ephemeral: true })
+	 * @deprecated Use reacord.createInteractionReply(interaction, content, {
+	 *   ephemeral: true })
 	 * @see https://reacord.mapleleaf.dev/guides/sending-messages
 	 */
-	override ephemeralReply(
+	public ephemeralReply(
 		interaction: Discord.CommandInteraction,
 		initialContent?: React.ReactNode,
-		options?: Omit<ReplyOptions, "ephemeral">,
+		options?: Omit<CreateInteractionReplyOptions, "ephemeral">,
 	): ReacordInstance {
 		return this.createInstance(
 			this.createInteractionReplyRenderer(interaction, {
@@ -105,9 +187,25 @@ export class ReacordDiscordJs extends Reacord {
 		)
 	}
 
-	private createChannelRenderer(
+	private createChannelMessageRenderer(
+		channel: Discord.Channel,
+		_opts?: CreateMessageReplyOptions,
+	) {
+		return new ChannelMessageRenderer({
+			send: async (options) => {
+				if (!channel.isTextBased()) {
+					raise(`Channel ${channel.id} is not a text channel`)
+				}
+
+				const message = await channel.send(getDiscordMessageOptions(options))
+				return createReacordMessage(message)
+			},
+		})
+	}
+
+	private createMessageReplyRenderer(
 		event: string | Discord.Message,
-		opts?: SendOptions,
+		opts: CreateChannelMessageOptions | LegacyCreateChannelMessageOptions,
 	) {
 		return new ChannelMessageRenderer({
 			send: async (options) => {
@@ -124,7 +222,7 @@ export class ReacordDiscordJs extends Reacord {
 					raise(`Channel ${channel.id} is not a text channel`)
 				}
 
-				if (opts?.reply) {
+				if ("reply" in opts && opts.reply) {
 					if (typeof event === "string") {
 						raise("Cannot send reply with channel ID provided")
 					}
@@ -142,7 +240,7 @@ export class ReacordDiscordJs extends Reacord {
 		interaction:
 			| Discord.CommandInteraction
 			| Discord.MessageComponentInteraction,
-		opts?: ReplyOptions,
+		opts: CreateInteractionReplyOptions,
 	) {
 		return new InteractionReplyRenderer({
 			type: "command",
@@ -150,16 +248,16 @@ export class ReacordDiscordJs extends Reacord {
 			reply: async (options) => {
 				const message = await interaction.reply({
 					...getDiscordMessageOptions(options),
+					...opts,
 					fetchReply: true,
-					ephemeral: opts?.ephemeral,
 				})
 				return createReacordMessage(message)
 			},
 			followUp: async (options) => {
 				const message = await interaction.followUp({
 					...getDiscordMessageOptions(options),
+					...opts,
 					fetchReply: true,
-					ephemeral: opts?.ephemeral,
 				})
 				return createReacordMessage(message)
 			},
@@ -283,12 +381,13 @@ export class ReacordDiscordJs extends Reacord {
 				user,
 				guild,
 
-				reply: (content?: ReactNode) =>
+				reply: (content?: ReactNode, options?: ReplyInfo) =>
 					this.createInstance(
-						this.createInteractionReplyRenderer(interaction),
+						this.createInteractionReplyRenderer(interaction, options ?? {}),
 						content,
 					),
 
+				/** @deprecated Use event.reply(content, { ephemeral: true }) */
 				ephemeralReply: (content: ReactNode) =>
 					this.createInstance(
 						this.createInteractionReplyRenderer(interaction, {
diff --git a/packages/reacord/library/core/reacord.tsx b/packages/reacord/library/core/reacord.tsx
index 02eba7e..9ff5a52 100644
--- a/packages/reacord/library/core/reacord.tsx
+++ b/packages/reacord/library/core/reacord.tsx
@@ -23,10 +23,6 @@ export abstract class Reacord {
 
 	constructor(private readonly config: ReacordConfig = {}) {}
 
-	abstract send(...args: unknown[]): ReacordInstance
-	abstract reply(...args: unknown[]): ReacordInstance
-	abstract ephemeralReply(...args: unknown[]): ReacordInstance
-
 	protected handleComponentInteraction(interaction: ComponentInteraction) {
 		for (const renderer of this.renderers) {
 			if (renderer.handleComponentInteraction(interaction)) return
@@ -61,6 +57,7 @@ export abstract class Reacord {
 					<InstanceProvider value={instance}>{content}</InstanceProvider>,
 					container,
 				)
+				return instance
 			},
 			deactivate: () => {
 				this.deactivate(renderer)
diff --git a/packages/reacord/scripts/discordjs-manual-test.tsx b/packages/reacord/scripts/discordjs-manual-test.tsx
index 3a06058..5bfc1b1 100644
--- a/packages/reacord/scripts/discordjs-manual-test.tsx
+++ b/packages/reacord/scripts/discordjs-manual-test.tsx
@@ -50,7 +50,7 @@ const createTest = async (
 }
 
 await createTest("basic", (channel) => {
-	reacord.send(channel.id, "Hello, world!")
+	reacord.createChannelMessage(channel).render("Hello, world!")
 })
 
 await createTest("counter", (channel) => {
@@ -73,7 +73,7 @@ await createTest("counter", (channel) => {
 			</>
 		)
 	}
-	reacord.send(channel.id, <Counter />)
+	reacord.createChannelMessage(channel).render(<Counter />)
 })
 
 await createTest("select", (channel) => {
@@ -102,8 +102,7 @@ await createTest("select", (channel) => {
 		)
 	}
 
-	const instance = reacord.send(
-		channel.id,
+	const instance = reacord.createChannelMessage(channel).render(
 		<FruitSelect
 			onConfirm={(value) => {
 				instance.render(`you chose ${value}`)
@@ -114,8 +113,7 @@ await createTest("select", (channel) => {
 })
 
 await createTest("ephemeral button", (channel) => {
-	reacord.send(
-		channel.id,
+	reacord.createChannelMessage(channel).render(
 		<>
 			<Button
 				label="public clic"
@@ -125,7 +123,7 @@ await createTest("ephemeral button", (channel) => {
 			/>
 			<Button
 				label="clic"
-				onClick={(event) => event.ephemeralReply("you clic")}
+				onClick={(event) => event.reply("you clic", { ephemeral: true })}
 			/>
 		</>,
 	)
@@ -136,9 +134,11 @@ await createTest("delete this", (channel) => {
 		const instance = useInstance()
 		return <Button label="delete this" onClick={() => instance.destroy()} />
 	}
-	reacord.send(channel.id, <DeleteThis />)
+	reacord.createChannelMessage(channel).render(<DeleteThis />)
 })
 
 await createTest("link", (channel) => {
-	reacord.send(channel.id, <Link label="hi" url="https://mapleleaf.dev" />)
+	reacord
+		.createChannelMessage(channel)
+		.render(<Link label="hi" url="https://mapleleaf.dev" />)
 })
diff --git a/packages/reacord/test/reacord.test.tsx b/packages/reacord/test/reacord.test.tsx
index dc2fe53..04fa06f 100644
--- a/packages/reacord/test/reacord.test.tsx
+++ b/packages/reacord/test/reacord.test.tsx
@@ -6,8 +6,9 @@ import { test } from "vitest"
 test("rendering behavior", async () => {
 	const tester = new ReacordTester()
 
-	const reply = tester.reply()
-	reply.render(<KitchenSinkCounter onDeactivate={() => reply.deactivate()} />)
+	const reply = tester
+		.createInteractionReply()
+		.render(<KitchenSinkCounter onDeactivate={() => reply.deactivate()} />)
 
 	await tester.assertMessages([
 		{
@@ -244,8 +245,7 @@ test("rendering behavior", async () => {
 test("delete", async () => {
 	const tester = new ReacordTester()
 
-	const reply = tester.reply()
-	reply.render(
+	const reply = tester.createInteractionReply().render(
 		<>
 			some text
 			<Embed>some embed</Embed>
diff --git a/packages/reacord/test/select.test.tsx b/packages/reacord/test/select.test.tsx
index 895b1f7..5987c98 100644
--- a/packages/reacord/test/select.test.tsx
+++ b/packages/reacord/test/select.test.tsx
@@ -53,9 +53,7 @@ test("single select", async () => {
 		])
 	}
 
-	const reply = tester.reply()
-
-	reply.render(<TestSelect />)
+	tester.createInteractionReply().render(<TestSelect />)
 	await assertSelect([])
 	expect(onSelect).toHaveBeenCalledTimes(0)
 
@@ -119,9 +117,7 @@ test("multiple select", async () => {
 		])
 	}
 
-	const reply = tester.reply()
-
-	reply.render(<TestSelect />)
+	tester.createInteractionReply().render(<TestSelect />)
 	await assertSelect([])
 	expect(onSelect).toHaveBeenCalledTimes(0)
 
@@ -148,7 +144,7 @@ test("multiple select", async () => {
 
 test("optional onSelect + unknown value", async () => {
 	const tester = new ReacordTester()
-	tester.reply().render(<Select placeholder="select" />)
+	tester.createInteractionReply().render(<Select placeholder="select" />)
 	await tester.findSelectByPlaceholder("select").select("something")
 	await tester.assertMessages([
 		{
diff --git a/packages/reacord/test/test-adapter.ts b/packages/reacord/test/test-adapter.ts
index b0675d9..78ffaf7 100644
--- a/packages/reacord/test/test-adapter.ts
+++ b/packages/reacord/test/test-adapter.ts
@@ -11,6 +11,7 @@ import type {
 	ChannelInfo,
 	GuildInfo,
 	MessageInfo,
+	ReplyInfo,
 	UserInfo,
 } from "../library/core/component-event"
 import type { ButtonClickEvent } from "../library/core/components/button"
@@ -42,26 +43,26 @@ export class ReacordTester extends Reacord {
 		return [...this.messageContainer]
 	}
 
-	override send(initialContent?: ReactNode): ReacordInstance {
+	public createChannelMessage(): ReacordInstance {
 		return this.createInstance(
 			new ChannelMessageRenderer(new TestChannel(this.messageContainer)),
-			initialContent,
 		)
 	}
 
-	override reply(initialContent?: ReactNode): ReacordInstance {
+	public createMessageReply(): ReacordInstance {
+		return this.createInstance(
+			new ChannelMessageRenderer(new TestChannel(this.messageContainer)),
+		)
+	}
+
+	public createInteractionReply(_options?: ReplyInfo): ReacordInstance {
 		return this.createInstance(
 			new InteractionReplyRenderer(
 				new TestCommandInteraction(this.messageContainer),
 			),
-			initialContent,
 		)
 	}
 
-	override ephemeralReply(initialContent?: ReactNode): ReacordInstance {
-		return this.reply(initialContent)
-	}
-
 	assertMessages(expected: MessageSample[]) {
 		return waitFor(() => {
 			expect(this.sampleMessages()).toEqual(expected)
@@ -69,7 +70,7 @@ export class ReacordTester extends Reacord {
 	}
 
 	async assertRender(content: ReactNode, expected: MessageSample[]) {
-		const instance = this.reply()
+		const instance = this.createInteractionReply()
 		instance.render(content)
 		await this.assertMessages(expected)
 		instance.destroy()
@@ -254,11 +255,13 @@ class TestComponentEvent {
 	guild: GuildInfo = {} as GuildInfo // todo
 
 	reply(content?: ReactNode): ReacordInstance {
-		return this.tester.reply(content)
+		return this.tester.createInteractionReply().render(content)
 	}
 
 	ephemeralReply(content?: ReactNode): ReacordInstance {
-		return this.tester.ephemeralReply(content)
+		return this.tester
+			.createInteractionReply({ ephemeral: true })
+			.render(content)
 	}
 }
 
diff --git a/packages/reacord/test/use-instance.test.tsx b/packages/reacord/test/use-instance.test.tsx
index d2064ed..aca1b6f 100644
--- a/packages/reacord/test/use-instance.test.tsx
+++ b/packages/reacord/test/use-instance.test.tsx
@@ -49,7 +49,9 @@ describe("useInstance", () => {
 		}
 
 		const tester = new ReacordTester()
-		const instance = tester.send(<TestComponent name="parent" />)
+		const instance = tester
+			.createChannelMessage()
+			.render(<TestComponent name="parent" />)
 
 		await tester.assertMessages([messageOutput("parent")])
 		expect(instanceFromHook).toBe(instance)
diff --git a/packages/website/src/components/app-logo.astro b/packages/website/src/components/app-logo.astro
index fca1996..d6eafe0 100644
--- a/packages/website/src/components/app-logo.astro
+++ b/packages/website/src/components/app-logo.astro
@@ -3,13 +3,19 @@ export type Props = astroHTML.JSX.SVGAttributes
 ---
 
 <svg fill="none" viewBox="0 0 457 120" {...Astro.props}>
-  <path
-    d="M46.28 22.5H18.103c-3.481 0-6.035 3.271-5.191 6.648l5.64 22.557c7.915-8.596 16.902-16.202 26.478-22.886a22.412 22.412 0 011.25-6.319zM28.03 81.933a5.338 5.338 0 002.397.567H67.5l8.702 23.206c1.08 2.879 4.946 3.369 6.71.849l19.583-27.976a9.172 9.172 0 001.305-7.78L93.456 34.595a42.751 42.751 0 00-4.152.98c-1.564 6.138-5.653 11.267-11.095 14.218-5.79 3.14-12.856 3.56-18.978 1.139-11.984 8.394-23.638 18.31-31.202 31z"
-    fill="#EEE"></path>
-  <path
-    d="M75 42.993c4.662-2.697 7.525-7.768 7.5-13.142 4.653-1.707 17.344-6.674 20.985-1.443 1.714 2.465-.268 6.85-1.353 9.254l4.218 14.761c3.938-5.624 6.829-11.208 8.088-16.464 1.141-4.759 1.064-9.969-1.91-14.242-2.974-4.274-7.736-6.017-12.473-6.427-7.462-.645-15.017 1.492-21.948 4.104-4.528-4.528-11.66-5.671-17.362-2.79-5.86 2.96-9.161 9.622-8.01 16.057-14.717 9.703-28.713 21.69-38.54 36.432-5.283 7.927-11.451 20.123-5.142 29.19 6.258 8.992 19.491 6.947 28.465 4.324 7.672-2.243 16.331-6.149 25.222-11.439L62.302 90H39.484c-5.324 1.986-18.078 6.347-21.387 1.592-2.947-4.235 3.089-12.898 5.232-16.113 8.998-13.5 21.943-24.42 35.421-33.294 4.733 3.404 11.208 3.725 16.25.808z"
-    fill="#34D399"></path>
-  <path
-    d="M184.784 88.751c-.557 0-.946-.25-1.168-.749l-11.012-23.966c-.111-.222-.278-.333-.5-.333h-10.01c-.278 0-.417.139-.417.416v23.633c0 .278-.112.528-.334.75-.167.166-.389.25-.667.25h-7.675c-.278 0-.528-.084-.751-.25a1.214 1.214 0 01-.25-.75V31.5c0-.278.083-.5.25-.666.223-.222.473-.333.751-.333h22.94c3.393 0 6.396.721 9.009 2.164 2.614 1.386 4.644 3.384 6.09 5.991 1.446 2.552 2.169 5.492 2.169 8.821 0 3.828-1.001 7.101-3.003 9.82-1.947 2.662-4.672 4.52-8.175 5.575-.112 0-.195.055-.251.166a.356.356 0 000 .333l11.762 24.216c.112.222.167.388.167.5 0 .443-.306.665-.917.665h-8.008zm-22.69-49.93c-.278 0-.417.14-.417.417v16.56c0 .277.139.416.417.416h12.512c2.67 0 4.811-.777 6.424-2.33 1.668-1.61 2.502-3.717 2.502-6.325 0-2.607-.834-4.715-2.502-6.324-1.613-1.609-3.754-2.413-6.424-2.413h-12.512zM239.374 62.705c.223 1.386.334 2.94.334 4.66l-.083 2.58c0 .665-.334.998-1.001.998h-26.11c-.278 0-.417.139-.417.416.166 1.83.417 3.079.75 3.745 1.335 3.994 4.588 6.019 9.76 6.074 3.782 0 6.785-1.553 9.01-4.66.222-.332.5-.499.834-.499.222 0 .417.083.584.25l5.172 4.244c.5.388.584.832.25 1.331-1.724 2.441-4.032 4.327-6.924 5.659-2.836 1.331-6.006 1.997-9.51 1.997-4.337 0-8.036-.97-11.094-2.913-3.003-1.941-5.2-4.66-6.59-8.155-1.279-2.996-1.919-7.156-1.919-12.482 0-3.218.334-5.825 1.001-7.822 1.112-3.884 3.198-6.935 6.256-9.154 3.115-2.275 6.841-3.412 11.179-3.412 10.955 0 17.128 5.714 18.518 17.143zm-18.518-8.821c-2.058 0-3.782.527-5.172 1.58-1.335 1-2.281 2.414-2.837 4.245-.333.943-.556 2.163-.667 3.661-.111.278 0 .416.334.416h16.934c.278 0 .417-.138.417-.416-.111-1.387-.278-2.44-.501-3.162-.5-1.997-1.501-3.55-3.003-4.66-1.446-1.11-3.281-1.664-5.505-1.664zM266.08 45.562c3.503 0 6.59.61 9.259 1.83 2.669 1.221 4.727 2.913 6.173 5.077 1.446 2.108 2.169 4.521 2.169 7.24v28.043c0 .278-.111.528-.334.75-.167.166-.389.25-.667.25h-7.675a1.22 1.22 0 01-.75-.25 1.215 1.215 0 01-.251-.75V85.09c0-.167-.055-.25-.167-.25-.111-.056-.222-.028-.333.083-2.725 2.996-6.674 4.494-11.846 4.494-4.171 0-7.619-1.054-10.344-3.162-2.669-2.108-4.004-5.243-4.004-9.404 0-4.327 1.502-7.683 4.505-10.069 3.059-2.44 7.341-3.661 12.846-3.661h8.926c.278 0 .417-.14.417-.416v-1.998c0-2.163-.639-3.828-1.918-4.993-1.279-1.22-3.198-1.83-5.756-1.83-2.113 0-3.837.388-5.172 1.165-1.279.72-2.086 1.747-2.419 3.079-.167.665-.556.943-1.168.832l-8.092-.999a2.996 2.996 0 01-.751-.25.578.578 0 01-.166-.582c.445-3.384 2.252-6.158 5.422-8.322 3.225-2.163 7.257-3.245 12.096-3.245zm-2.003 36.199c2.725 0 5.061-.721 7.008-2.164 1.946-1.442 2.919-3.273 2.919-5.492v-3.911c0-.278-.139-.416-.417-.416h-7.007c-2.947 0-5.283.555-7.007 1.664-1.668 1.11-2.503 2.69-2.503 4.744 0 1.775.64 3.162 1.919 4.16 1.335.943 3.031 1.415 5.088 1.415zM312.832 89.417c-4.282 0-7.98-1.082-11.094-3.246-3.115-2.219-5.283-5.187-6.507-8.904-.89-2.496-1.335-5.825-1.335-9.986 0-3.994.445-7.267 1.335-9.82 1.168-3.66 3.309-6.545 6.423-8.654 3.17-2.163 6.896-3.245 11.178-3.245 4.338 0 8.12 1.082 11.345 3.245 3.226 2.164 5.367 4.883 6.424 8.156.278.887.472 1.775.584 2.663v.166c0 .555-.306.888-.918.998l-7.508 1.082h-.167c-.5 0-.834-.277-1.001-.832 0-.277-.027-.5-.083-.666a15.456 15.456 0 00-.334-1.165c-.5-1.553-1.501-2.829-3.003-3.828-1.501-.998-3.281-1.497-5.339-1.497-2.113 0-3.92.554-5.422 1.664-1.446 1.054-2.419 2.524-2.919 4.41-.557 1.776-.835 4.244-.835 7.407 0 3.05.251 5.52.751 7.406.556 1.942 1.557 3.495 3.003 4.66 1.446 1.11 3.254 1.664 5.422 1.664 2.114 0 3.921-.527 5.423-1.58 1.557-1.11 2.558-2.58 3.003-4.411a.933.933 0 00.083-.416c.056-.056.084-.14.084-.25.166-.666.556-.943 1.167-.832l7.508 1.165c.278.055.501.194.667.416.223.166.306.416.251.749-.167.887-.306 1.525-.417 1.914-1.057 3.55-3.198 6.38-6.424 8.488-3.225 2.053-7.007 3.079-11.345 3.079zM358.743 89.417c-4.393 0-8.175-1.11-11.345-3.329-3.114-2.219-5.311-5.298-6.59-9.237-.945-2.996-1.418-6.158-1.418-9.486 0-3.55.445-6.713 1.335-9.487 1.279-3.883 3.503-6.907 6.673-9.07 3.17-2.164 6.98-3.246 11.429-3.246 4.226 0 7.869 1.082 10.928 3.245 3.114 2.164 5.311 5.16 6.59 8.988 1.001 2.663 1.501 5.825 1.501 9.486 0 3.495-.473 6.658-1.418 9.487-1.279 3.939-3.476 7.046-6.59 9.32-3.114 2.22-6.813 3.329-11.095 3.329zm0-8.322c2.058 0 3.81-.582 5.256-1.747 1.501-1.165 2.586-2.802 3.253-4.91.556-1.83.834-4.16.834-6.99 0-2.996-.278-5.326-.834-6.99-.612-2.108-1.668-3.717-3.17-4.827-1.501-1.165-3.337-1.747-5.506-1.747-2.057 0-3.837.582-5.338 1.747-1.502 1.11-2.586 2.719-3.254 4.827-.556 1.941-.834 4.271-.834 6.99 0 2.718.278 5.048.834 6.99.612 2.108 1.669 3.745 3.17 4.91 1.557 1.165 3.42 1.747 5.589 1.747zM408.516 45.728c1.78 0 3.337.361 4.672 1.082.445.222.611.638.5 1.248l-1.418 7.49c-.056.666-.445.86-1.168.582-.834-.277-1.807-.416-2.919-.416-.723 0-1.28.028-1.669.084-2.336.11-4.282.943-5.839 2.496-1.557 1.498-2.336 3.467-2.336 5.908v23.55c0 .278-.111.528-.334.75-.166.166-.389.25-.667.25h-7.674c-.278 0-.529-.084-.751-.25a1.214 1.214 0 01-.25-.75V47.226c0-.277.083-.499.25-.665.222-.222.473-.333.751-.333h7.674c.278 0 .501.11.667.333a.79.79 0 01.334.665v3.745c0 .222.028.36.084.416.111 0 .222-.083.333-.25 2.336-3.605 5.589-5.409 9.76-5.409zM447.323 31.499c0-.278.084-.5.251-.666.222-.222.472-.333.75-.333h7.675c.278 0 .501.111.667.333a.789.789 0 01.334.666v56.254c0 .277-.111.526-.334.748-.166.167-.389.25-.667.25h-7.675a1.22 1.22 0 01-.75-.25 1.215 1.215 0 01-.251-.749v-2.496c0-.166-.055-.277-.166-.333-.112-.055-.223 0-.334.167-2.447 2.884-5.645 4.327-9.593 4.327-3.949 0-7.285-1.026-10.01-3.08-2.725-2.052-4.7-4.909-5.923-8.57-1.001-3.107-1.502-6.575-1.502-10.402 0-3.94.473-7.323 1.418-10.153 1.224-3.661 3.198-6.518 5.923-8.571s6.145-3.079 10.261-3.079c3.837 0 6.979 1.387 9.426 4.16.111.112.222.167.334.167.111-.055.166-.166.166-.333V31.5zM445.321 77.1c1.279-2.275 1.919-5.492 1.919-9.653 0-4.327-.695-7.628-2.085-9.903-1.502-2.44-3.615-3.661-6.34-3.661-2.836 0-5.061 1.165-6.674 3.495-1.668 2.44-2.502 5.825-2.502 10.152 0 3.883.667 7.073 2.002 9.57 1.557 2.663 3.92 3.994 7.09 3.994 2.837 0 5.033-1.331 6.59-3.994z"
-    fill="#EEE"></path>
+	<path
+		d="M46.28 22.5H18.103c-3.481 0-6.035 3.271-5.191 6.648l5.64 22.557c7.915-8.596 16.902-16.202 26.478-22.886a22.412 22.412 0 011.25-6.319zM28.03 81.933a5.338 5.338 0 002.397.567H67.5l8.702 23.206c1.08 2.879 4.946 3.369 6.71.849l19.583-27.976a9.172 9.172 0 001.305-7.78L93.456 34.595a42.751 42.751 0 00-4.152.98c-1.564 6.138-5.653 11.267-11.095 14.218-5.79 3.14-12.856 3.56-18.978 1.139-11.984 8.394-23.638 18.31-31.202 31z"
+		fill="#EEE"
+	>
+	</path>
+	<path
+		d="M75 42.993c4.662-2.697 7.525-7.768 7.5-13.142 4.653-1.707 17.344-6.674 20.985-1.443 1.714 2.465-.268 6.85-1.353 9.254l4.218 14.761c3.938-5.624 6.829-11.208 8.088-16.464 1.141-4.759 1.064-9.969-1.91-14.242-2.974-4.274-7.736-6.017-12.473-6.427-7.462-.645-15.017 1.492-21.948 4.104-4.528-4.528-11.66-5.671-17.362-2.79-5.86 2.96-9.161 9.622-8.01 16.057-14.717 9.703-28.713 21.69-38.54 36.432-5.283 7.927-11.451 20.123-5.142 29.19 6.258 8.992 19.491 6.947 28.465 4.324 7.672-2.243 16.331-6.149 25.222-11.439L62.302 90H39.484c-5.324 1.986-18.078 6.347-21.387 1.592-2.947-4.235 3.089-12.898 5.232-16.113 8.998-13.5 21.943-24.42 35.421-33.294 4.733 3.404 11.208 3.725 16.25.808z"
+		fill="#34D399"
+	>
+	</path>
+	<path
+		d="M184.784 88.751c-.557 0-.946-.25-1.168-.749l-11.012-23.966c-.111-.222-.278-.333-.5-.333h-10.01c-.278 0-.417.139-.417.416v23.633c0 .278-.112.528-.334.75-.167.166-.389.25-.667.25h-7.675c-.278 0-.528-.084-.751-.25a1.214 1.214 0 01-.25-.75V31.5c0-.278.083-.5.25-.666.223-.222.473-.333.751-.333h22.94c3.393 0 6.396.721 9.009 2.164 2.614 1.386 4.644 3.384 6.09 5.991 1.446 2.552 2.169 5.492 2.169 8.821 0 3.828-1.001 7.101-3.003 9.82-1.947 2.662-4.672 4.52-8.175 5.575-.112 0-.195.055-.251.166a.356.356 0 000 .333l11.762 24.216c.112.222.167.388.167.5 0 .443-.306.665-.917.665h-8.008zm-22.69-49.93c-.278 0-.417.14-.417.417v16.56c0 .277.139.416.417.416h12.512c2.67 0 4.811-.777 6.424-2.33 1.668-1.61 2.502-3.717 2.502-6.325 0-2.607-.834-4.715-2.502-6.324-1.613-1.609-3.754-2.413-6.424-2.413h-12.512zM239.374 62.705c.223 1.386.334 2.94.334 4.66l-.083 2.58c0 .665-.334.998-1.001.998h-26.11c-.278 0-.417.139-.417.416.166 1.83.417 3.079.75 3.745 1.335 3.994 4.588 6.019 9.76 6.074 3.782 0 6.785-1.553 9.01-4.66.222-.332.5-.499.834-.499.222 0 .417.083.584.25l5.172 4.244c.5.388.584.832.25 1.331-1.724 2.441-4.032 4.327-6.924 5.659-2.836 1.331-6.006 1.997-9.51 1.997-4.337 0-8.036-.97-11.094-2.913-3.003-1.941-5.2-4.66-6.59-8.155-1.279-2.996-1.919-7.156-1.919-12.482 0-3.218.334-5.825 1.001-7.822 1.112-3.884 3.198-6.935 6.256-9.154 3.115-2.275 6.841-3.412 11.179-3.412 10.955 0 17.128 5.714 18.518 17.143zm-18.518-8.821c-2.058 0-3.782.527-5.172 1.58-1.335 1-2.281 2.414-2.837 4.245-.333.943-.556 2.163-.667 3.661-.111.278 0 .416.334.416h16.934c.278 0 .417-.138.417-.416-.111-1.387-.278-2.44-.501-3.162-.5-1.997-1.501-3.55-3.003-4.66-1.446-1.11-3.281-1.664-5.505-1.664zM266.08 45.562c3.503 0 6.59.61 9.259 1.83 2.669 1.221 4.727 2.913 6.173 5.077 1.446 2.108 2.169 4.521 2.169 7.24v28.043c0 .278-.111.528-.334.75-.167.166-.389.25-.667.25h-7.675a1.22 1.22 0 01-.75-.25 1.215 1.215 0 01-.251-.75V85.09c0-.167-.055-.25-.167-.25-.111-.056-.222-.028-.333.083-2.725 2.996-6.674 4.494-11.846 4.494-4.171 0-7.619-1.054-10.344-3.162-2.669-2.108-4.004-5.243-4.004-9.404 0-4.327 1.502-7.683 4.505-10.069 3.059-2.44 7.341-3.661 12.846-3.661h8.926c.278 0 .417-.14.417-.416v-1.998c0-2.163-.639-3.828-1.918-4.993-1.279-1.22-3.198-1.83-5.756-1.83-2.113 0-3.837.388-5.172 1.165-1.279.72-2.086 1.747-2.419 3.079-.167.665-.556.943-1.168.832l-8.092-.999a2.996 2.996 0 01-.751-.25.578.578 0 01-.166-.582c.445-3.384 2.252-6.158 5.422-8.322 3.225-2.163 7.257-3.245 12.096-3.245zm-2.003 36.199c2.725 0 5.061-.721 7.008-2.164 1.946-1.442 2.919-3.273 2.919-5.492v-3.911c0-.278-.139-.416-.417-.416h-7.007c-2.947 0-5.283.555-7.007 1.664-1.668 1.11-2.503 2.69-2.503 4.744 0 1.775.64 3.162 1.919 4.16 1.335.943 3.031 1.415 5.088 1.415zM312.832 89.417c-4.282 0-7.98-1.082-11.094-3.246-3.115-2.219-5.283-5.187-6.507-8.904-.89-2.496-1.335-5.825-1.335-9.986 0-3.994.445-7.267 1.335-9.82 1.168-3.66 3.309-6.545 6.423-8.654 3.17-2.163 6.896-3.245 11.178-3.245 4.338 0 8.12 1.082 11.345 3.245 3.226 2.164 5.367 4.883 6.424 8.156.278.887.472 1.775.584 2.663v.166c0 .555-.306.888-.918.998l-7.508 1.082h-.167c-.5 0-.834-.277-1.001-.832 0-.277-.027-.5-.083-.666a15.456 15.456 0 00-.334-1.165c-.5-1.553-1.501-2.829-3.003-3.828-1.501-.998-3.281-1.497-5.339-1.497-2.113 0-3.92.554-5.422 1.664-1.446 1.054-2.419 2.524-2.919 4.41-.557 1.776-.835 4.244-.835 7.407 0 3.05.251 5.52.751 7.406.556 1.942 1.557 3.495 3.003 4.66 1.446 1.11 3.254 1.664 5.422 1.664 2.114 0 3.921-.527 5.423-1.58 1.557-1.11 2.558-2.58 3.003-4.411a.933.933 0 00.083-.416c.056-.056.084-.14.084-.25.166-.666.556-.943 1.167-.832l7.508 1.165c.278.055.501.194.667.416.223.166.306.416.251.749-.167.887-.306 1.525-.417 1.914-1.057 3.55-3.198 6.38-6.424 8.488-3.225 2.053-7.007 3.079-11.345 3.079zM358.743 89.417c-4.393 0-8.175-1.11-11.345-3.329-3.114-2.219-5.311-5.298-6.59-9.237-.945-2.996-1.418-6.158-1.418-9.486 0-3.55.445-6.713 1.335-9.487 1.279-3.883 3.503-6.907 6.673-9.07 3.17-2.164 6.98-3.246 11.429-3.246 4.226 0 7.869 1.082 10.928 3.245 3.114 2.164 5.311 5.16 6.59 8.988 1.001 2.663 1.501 5.825 1.501 9.486 0 3.495-.473 6.658-1.418 9.487-1.279 3.939-3.476 7.046-6.59 9.32-3.114 2.22-6.813 3.329-11.095 3.329zm0-8.322c2.058 0 3.81-.582 5.256-1.747 1.501-1.165 2.586-2.802 3.253-4.91.556-1.83.834-4.16.834-6.99 0-2.996-.278-5.326-.834-6.99-.612-2.108-1.668-3.717-3.17-4.827-1.501-1.165-3.337-1.747-5.506-1.747-2.057 0-3.837.582-5.338 1.747-1.502 1.11-2.586 2.719-3.254 4.827-.556 1.941-.834 4.271-.834 6.99 0 2.718.278 5.048.834 6.99.612 2.108 1.669 3.745 3.17 4.91 1.557 1.165 3.42 1.747 5.589 1.747zM408.516 45.728c1.78 0 3.337.361 4.672 1.082.445.222.611.638.5 1.248l-1.418 7.49c-.056.666-.445.86-1.168.582-.834-.277-1.807-.416-2.919-.416-.723 0-1.28.028-1.669.084-2.336.11-4.282.943-5.839 2.496-1.557 1.498-2.336 3.467-2.336 5.908v23.55c0 .278-.111.528-.334.75-.166.166-.389.25-.667.25h-7.674c-.278 0-.529-.084-.751-.25a1.214 1.214 0 01-.25-.75V47.226c0-.277.083-.499.25-.665.222-.222.473-.333.751-.333h7.674c.278 0 .501.11.667.333a.79.79 0 01.334.665v3.745c0 .222.028.36.084.416.111 0 .222-.083.333-.25 2.336-3.605 5.589-5.409 9.76-5.409zM447.323 31.499c0-.278.084-.5.251-.666.222-.222.472-.333.75-.333h7.675c.278 0 .501.111.667.333a.789.789 0 01.334.666v56.254c0 .277-.111.526-.334.748-.166.167-.389.25-.667.25h-7.675a1.22 1.22 0 01-.75-.25 1.215 1.215 0 01-.251-.749v-2.496c0-.166-.055-.277-.166-.333-.112-.055-.223 0-.334.167-2.447 2.884-5.645 4.327-9.593 4.327-3.949 0-7.285-1.026-10.01-3.08-2.725-2.052-4.7-4.909-5.923-8.57-1.001-3.107-1.502-6.575-1.502-10.402 0-3.94.473-7.323 1.418-10.153 1.224-3.661 3.198-6.518 5.923-8.571s6.145-3.079 10.261-3.079c3.837 0 6.979 1.387 9.426 4.16.111.112.222.167.334.167.111-.055.166-.166.166-.333V31.5zM445.321 77.1c1.279-2.275 1.919-5.492 1.919-9.653 0-4.327-.695-7.628-2.085-9.903-1.502-2.44-3.615-3.661-6.34-3.661-2.836 0-5.061 1.165-6.674 3.495-1.668 2.44-2.502 5.825-2.502 10.152 0 3.883.667 7.073 2.002 9.57 1.557 2.663 3.92 3.994 7.09 3.994 2.837 0 5.033-1.331 6.59-3.994z"
+		fill="#EEE"
+	>
+	</path>
 </svg>
diff --git a/packages/website/src/components/external-link.astro b/packages/website/src/components/external-link.astro
index 1150dc2..f27c8e7 100644
--- a/packages/website/src/components/external-link.astro
+++ b/packages/website/src/components/external-link.astro
@@ -3,5 +3,5 @@ export type Props = astroHTML.JSX.AnchorHTMLAttributes
 ---
 
 <a rel="noopener noreferrer" target="_blank" {...Astro.props}>
-  <slot />
+	<slot />
 </a>
diff --git a/packages/website/src/components/guide-layout.astro b/packages/website/src/components/guide-layout.astro
index e678f38..a4f6220 100644
--- a/packages/website/src/components/guide-layout.astro
+++ b/packages/website/src/components/guide-layout.astro
@@ -7,32 +7,32 @@ const guides = await getCollection("guides")
 ---
 
 <Layout>
-  <div class="isolate">
-    <header
-      class="bg-slate-700/30 shadow sticky top-0 backdrop-blur-sm transition z-10 flex"
-    >
-      <div class="container">
-        <MainNavigation />
-      </div>
-    </header>
-    <main class="container mt-8 flex items-start gap-4">
-      <nav class="w-48 sticky top-24 hidden md:block">
-        <h2 class="text-2xl">Guides</h2>
-        <ul class="mt-3 flex flex-col gap-2 items-start">
-          {
-            guides.map((guide) => (
-              <li>
-                <a class="link" href={`/guides/${guide.slug}`}>
-                  {guide.data.title}
-                </a>
-              </li>
-            ))
-          }
-        </ul>
-      </nav>
-      <section class="prose prose-invert pb-8 flex-1 min-w-0">
-        <slot />
-      </section>
-    </main>
-  </div>
+	<div class="isolate">
+		<header
+			class="sticky top-0 z-10 flex bg-slate-700/30 shadow backdrop-blur-sm transition"
+		>
+			<div class="container">
+				<MainNavigation />
+			</div>
+		</header>
+		<main class="container mt-8 flex items-start gap-4">
+			<nav class="sticky top-24 hidden w-48 md:block">
+				<h2 class="text-2xl">Guides</h2>
+				<ul class="mt-3 flex flex-col items-start gap-2">
+					{
+						guides.map((guide) => (
+							<li>
+								<a class="link" href={`/guides/${guide.slug}`}>
+									{guide.data.title}
+								</a>
+							</li>
+						))
+					}
+				</ul>
+			</nav>
+			<section class="prose prose-invert min-w-0 flex-1 pb-8">
+				<slot />
+			</section>
+		</main>
+	</div>
 </Layout>
diff --git a/packages/website/src/components/layout.astro b/packages/website/src/components/layout.astro
index 7ccc140..e4f82e1 100644
--- a/packages/website/src/components/layout.astro
+++ b/packages/website/src/components/layout.astro
@@ -7,7 +7,7 @@ import faviconUrl from "~/assets/favicon.png"
 import "~/styles/tailwind.css"
 ---
 
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" class="bg-slate-900 text-slate-100">
 	<head>
 		<meta charset="utf-8" />
diff --git a/packages/website/src/components/menu.astro b/packages/website/src/components/menu.astro
index a3aaa7a..8a92e94 100644
--- a/packages/website/src/components/menu.astro
+++ b/packages/website/src/components/menu.astro
@@ -1,30 +1,30 @@
-<details class="md:hidden relative" data-menu>
-  <summary
-    class="list-none p-2 -m-2 cursor-pointer hover:text-emerald-500 transition"
-  >
-    <slot name="button" />
-  </summary>
-  <div
-    class="w-48 max-h-[calc(100vh-5rem)] bg-slate-800 shadow rounded-lg overflow-x-hidden overflow-y-auto top-[calc(100%+8px)] right-0 absolute z-10"
-  >
-    <slot />
-  </div>
+<details class="relative md:hidden" data-menu>
+	<summary
+		class="-m-2 cursor-pointer list-none p-2 transition hover:text-emerald-500"
+	>
+		<slot name="button" />
+	</summary>
+	<div
+		class="absolute right-0 top-[calc(100%+8px)] z-10 max-h-[calc(100vh-5rem)] w-48 overflow-y-auto overflow-x-hidden rounded-lg bg-slate-800 shadow"
+	>
+		<slot />
+	</div>
 </details>
 
 <script>
-  for (const menu of document.querySelectorAll<HTMLDetailsElement>(
-    "[data-menu]",
-  )) {
-    window.addEventListener("click", (event) => {
-      if (!menu.contains(event.target as Node)) {
-        menu.open = false
-      }
-    })
-    menu.addEventListener("keydown", (event) => {
-      if (event.key === "Escape") {
-        menu.open = false
-        menu.querySelector("summary")!.focus()
-      }
-    })
-  }
+	for (const menu of document.querySelectorAll<HTMLDetailsElement>(
+		"[data-menu]",
+	)) {
+		window.addEventListener("click", (event) => {
+			if (!menu.contains(event.target as Node)) {
+				menu.open = false
+			}
+		})
+		menu.addEventListener("keydown", (event) => {
+			if (event.key === "Escape") {
+				menu.open = false
+				menu.querySelector("summary")!.focus()
+			}
+		})
+	}
 </script>
diff --git a/packages/website/src/content/guides/1-sending-messages.md b/packages/website/src/content/guides/1-sending-messages.md
index dba93b4..7ef8520 100644
--- a/packages/website/src/content/guides/1-sending-messages.md
+++ b/packages/website/src/content/guides/1-sending-messages.md
@@ -9,14 +9,13 @@ slug: sending-messages
 You can send messages via Reacord to a channel like so.
 
 ```jsx
-const channelId = "abc123deadbeef"
-
 client.on("ready", () => {
-	reacord.send(channelId, "Hello, world!")
+	const channel = await client.channels.fetch("abc123deadbeef")
+	reacord.createChannelMessage(channel).render("Hello, world!")
 })
 ```
 
-The `.send()` function creates a **Reacord instance**. You can pass strings, numbers, or anything that can be rendered by React, such as JSX!
+The `.createChannelMessage()` function creates a **Reacord instance**. You can pass strings, numbers, or anything that can be rendered by React, such as JSX!
 
 Components rendered through this instance can include state and effects, and the message on Discord will update automatically.
 
@@ -36,7 +35,9 @@ function Uptime() {
 }
 
 client.on("ready", () => {
-	reacord.send(channelId, <Uptime />)
+	const instance = reacord.createChannelMessage(channel)
+
+	instance.render(<Uptime />)
 })
 ```
 
@@ -46,12 +47,27 @@ The instance can be rendered to multiple times, which will update the message ea
 const Hello = ({ subject }) => <>Hello, {subject}!</>
 
 client.on("ready", () => {
-	const instance = reacord.send(channel)
+	const instance = reacord.createChannelMessage(channel)
+
 	instance.render(<Hello subject="World" />)
 	instance.render(<Hello subject="Moon" />)
 })
 ```
 
+## Replying to Messages
+
+Instead of sending messages to a channel, you may want to reply to a specific message instead. To do this, create an instance using `.createMessageReply()` instead:
+
+```jsx
+const Hello = ({ username }) => <>Hello, {username}!</>
+
+client.on("messageCreate", (message) => {
+	reacord
+		.createMessageReply(message)
+		.render(<Hello username={message.author.displayName} />)
+})
+```
+
 ## Cleaning Up Instances
 
 If you no longer want to use the instance, you can clean it up in a few ways:
@@ -75,7 +91,7 @@ const reacord = new ReacordDiscordJs(client, {
 This section also applies to other kinds of application commands, such as context menu commands.
 </aside>
 
-To reply to a command interaction, use the `.reply()` function. This function returns an instance that works the same way as the one from `.send()`. Here's an example:
+To reply to a command interaction, use the `.createInteractionReply()` function. This function returns an instance that works the same way as the one from `.createChannelMessage()` and `.createMessageReply()`. Here's an example:
 
 ```jsx
 import { Client } from "discord.js"
@@ -94,8 +110,8 @@ client.on("ready", () => {
 
 client.on("interactionCreate", (interaction) => {
 	if (interaction.isCommand() && interaction.commandName === "ping") {
-		// Use the reply() function instead of send
-		reacord.reply(interaction, <>pong!</>)
+		// Use the createInteractionReply() function instead of createChannelMessage
+		reacord.createInteractionReply(interaction).render(<>pong!</>)
 	}
 })
 
@@ -134,33 +150,55 @@ handleCommands(client, [
 		name: "ping",
 		description: "pong!",
 		run: (interaction) => {
-			reacord.reply(interaction, <>pong!</>)
+			reacord.createInteractionReply(interaction).render(<>pong!</>)
 		},
 	},
 	{
 		name: "hi",
 		description: "say hi",
 		run: (interaction) => {
-			reacord.reply(interaction, <>hi</>)
+			reacord.createInteractionReply(interaction).render(<>hi</>)
 		},
 	},
 ])
 ```
 
-## Ephemeral Command Replies
+## Interaction Options
+
+Just like `.createChannelMessage()` and `.createMessageReply()`, interaction replies provide a way to specify certain `interaction.reply()` options.
+
+### Ephemeral Command Replies
 
-Ephemeral replies are replies that only appear for one user. To create them, use the `.ephemeralReply()` function.
+Ephemeral replies are replies that only appear for one user. To create them, use the `.createInteractionReply()` function and provide `ephemeral` option.
 
-```tsx
+```jsx
 handleCommands(client, [
 	{
 		name: "pong",
 		description: "pong, but in secret",
 		run: (interaction) => {
-			reacord.ephemeralReply(interaction, <>(pong)</>)
+			reacord
+				.createInteractionReply(interaction, { ephemeral: true })
+				.render(<>(pong)</>)
 		},
 	},
 ])
 ```
 
-The `ephemeralReply` function also returns an instance, but ephemeral replies cannot be updated via `instance.render()`. You can `.deactivate()` them, but `.destroy()` will not delete the message; only the user can hide it from view.
+### Text-to-Speech Command Replies
+
+Additionally interaction replies may have `tts` option to turn on text-to-speech ability for the reply. To create such reply, use `.createInteractionReply()` function and provide `tts` option.
+
+```jsx
+handleCommands(client, [
+	{
+		name: "pong",
+		description: "pong, but converted into audio",
+		run: (interaction) => {
+			reacord
+				.createInteractionReply(interaction, { tts: true })
+				.render(<>pong!</>)
+		},
+	},
+])
+```
diff --git a/packages/website/src/content/guides/2-embeds.md b/packages/website/src/content/guides/2-embeds.md
index 811a92f..9b5d8c9 100644
--- a/packages/website/src/content/guides/2-embeds.md
+++ b/packages/website/src/content/guides/2-embeds.md
@@ -24,7 +24,9 @@ function FancyMessage({ title, description }) {
 ```
 
 ```jsx
-reacord.send(channelId, <FancyMessage title="Hello" description="World" />)
+reacord
+	.createChannelMessage(channel)
+	.render(<FancyMessage title="Hello" description="World" />)
 ```
 
 Reacord also comes with multiple embed components, for defining embeds on a piece-by-piece basis. This enables composition:
@@ -52,8 +54,7 @@ function FancyMessage({ children }) {
 ```
 
 ```jsx
-reacord.send(
-	channelId,
+reacord.createChannelMessage(channel).render(
 	<FancyMessage>
 		<FancyDetails title="Hello" description="World" />
 	</FancyMessage>,
diff --git a/packages/website/src/content/guides/3-buttons.md b/packages/website/src/content/guides/3-buttons.md
index a9b9934..5a85d7b 100644
--- a/packages/website/src/content/guides/3-buttons.md
+++ b/packages/website/src/content/guides/3-buttons.md
@@ -35,7 +35,9 @@ function TheButton() {
 		const publicReply = event.reply(`${name} clicked the button. wow`)
 		setTimeout(() => publicReply.destroy(), 3000)
 
-		const privateReply = event.ephemeralReply("good job, you clicked it")
+		const privateReply = event.reply("good job, you clicked it", {
+			ephemeral: true,
+		})
 		privateReply.deactivate() // we don't need to listen to updates on this
 	}
 
diff --git a/packages/website/src/content/guides/5-select-menu.md b/packages/website/src/content/guides/5-select-menu.md
index 6b8008b..396f16e 100644
--- a/packages/website/src/content/guides/5-select-menu.md
+++ b/packages/website/src/content/guides/5-select-menu.md
@@ -36,8 +36,7 @@ export function FruitSelect({ onConfirm }) {
 ```
 
 ```jsx
-const instance = reacord.send(
-	channelId,
+const instance = reacord.createChannelMessage(channel).render(
 	<FruitSelect
 		onConfirm={(value) => {
 			instance.render(`you chose ${value}`)
@@ -49,7 +48,7 @@ const instance = reacord.send(
 
 For a multi-select, use the `multiple` prop, then you can use `values` and `onChangeMultiple` to handle multiple values.
 
-```tsx
+```jsx
 export function FruitSelect({ onConfirm }) {
 	const [values, setValues] = useState([])
 
diff --git a/packages/website/src/content/guides/6-use-instance.md b/packages/website/src/content/guides/6-use-instance.md
index f708441..10afeac 100644
--- a/packages/website/src/content/guides/6-use-instance.md
+++ b/packages/website/src/content/guides/6-use-instance.md
@@ -22,5 +22,5 @@ function SelfDestruct() {
 	)
 }
 
-reacord.send(channelId, <SelfDestruct />)
+reacord.createChannelMessage(channel).render(<SelfDestruct />)
 ```