diff --git a/src/back/jdd-components/anchor/anchor.jdd.tsx b/src/back/jdd-components/anchor/anchor.jdd.tsx
new file mode 100644
index 0000000..0c81c80
--- /dev/null
+++ b/src/back/jdd-components/anchor/anchor.jdd.tsx
@@ -0,0 +1,20 @@
+import { TempstreamJSX } from "tempstream";
+import type { ComponentToHTMLArgs } from "@sealcode/jdd";
+import { Component, ComponentArguments } from "@sealcode/jdd";
+
+const component_arguments = {
+	id: new ComponentArguments.ShortText(),
+} as const;
+
+export class Anchor extends Component<typeof component_arguments> {
+	getArguments() {
+		return component_arguments;
+	}
+
+	async toHTML({
+		args: { id },
+		classes,
+	}: ComponentToHTMLArgs<typeof component_arguments>): Promise<string> {
+		return <div id={id} class={["anchor", "jdd-no-gap", ...classes]}></div>;
+	}
+}