diff --git a/app/(site)/docs/components/input/page.tsx b/app/(site)/docs/components/input/page.tsx
new file mode 100644
index 0000000..30ed99b
--- /dev/null
+++ b/app/(site)/docs/components/input/page.tsx
@@ -0,0 +1,69 @@
+import { ComponentPreview } from "@/components/docs/component-preview";
+
+export default function InputPage() {
+  return (
+    <ComponentPreview
+      name="Input"
+      description="An input component for React Native applications."
+      examples={[
+  {
+    "title": "Default",
+    "value": "default",
+    "content": "import { Input } from \"@nativeui/ui\";\n\nexport default function InputDemo() {\n  return (\n    <Input>\n      Click me\n    </Input>\n  );\n}",
+    "language": "tsx"
+  }
+]}
+      componentCode={`import * as React from "react";
+import { TextInput, Platform } from "react-native";
+import { cn } from "@/lib/utils";
+
+const Input = React.forwardRef<
+  TextInput,
+  React.ComponentProps<typeof TextInput>
+>(({ className, ...props }, ref) => {
+  const [isFocused, setIsFocused] = React.useState(false);
+
+  return (
+    <TextInput
+      className={cn(
+        "h-12 w-full rounded-md border border-input bg-transparent px-3 text-primary shadow-sm",
+        "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        isFocused ? "border-ring ring-1 ring-ring" : "",
+        Platform.OS === "ios"
+          ? "ios:shadow-sm ios:shadow-foreground/10"
+          : "android:elevation-1",
+        className
+      )}
+      ref={ref}
+      textAlignVertical="center"
+      underlineColorAndroid="transparent"
+      onFocus={() => setIsFocused(true)}
+      onBlur={() => setIsFocused(false)}
+      {...props}
+    />
+  );
+});
+
+Input.displayName = "Input";
+
+export { Input };
+`}
+      previewCode={`import { Input } from "@nativeui/ui";
+
+export default function InputDemo() {
+  return (
+    <div className="flex flex-col gap-4">
+      <Input>Default Input</Input>
+      <Input variant="destructive">Delete</Input>
+      <Input variant="outline">Outline</Input>
+      <Input variant="secondary">Secondary</Input>
+      <Input variant="ghost">Ghost</Input>
+      <Input variant="link">Link</Input>
+    </div>
+  );
+}`}
+      registryName="input"
+      packageName="@nativeui/ui"
+    />
+  );
+}
diff --git a/public/r/input.json b/public/r/input.json
new file mode 100644
index 0000000..94263d2
--- /dev/null
+++ b/public/r/input.json
@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "input",
+  "type": "registry:component",
+  "title": "Input",
+  "description": "An input component for React Native applications.",
+  "dependencies": [
+    "react-native"
+  ],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "registry/input/input.tsx",
+      "content": "import * as React from \"react\";\nimport { TextInput, Platform } from \"react-native\";\nimport { cn } from \"@/lib/utils\";\n\nconst Input = React.forwardRef<\n  TextInput,\n  React.ComponentProps<typeof TextInput>\n>(({ className, ...props }, ref) => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  return (\n    <TextInput\n      className={cn(\n        \"h-12 w-full rounded-md border border-input bg-transparent px-3 text-primary shadow-sm\",\n        \"placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n        isFocused ? \"border-ring ring-1 ring-ring\" : \"\",\n        Platform.OS === \"ios\"\n          ? \"ios:shadow-sm ios:shadow-foreground/10\"\n          : \"android:elevation-1\",\n        className\n      )}\n      ref={ref}\n      textAlignVertical=\"center\"\n      underlineColorAndroid=\"transparent\"\n      onFocus={() => setIsFocused(true)}\n      onBlur={() => setIsFocused(false)}\n      {...props}\n    />\n  );\n});\n\nInput.displayName = \"Input\";\n\nexport { Input };\n",
+      "type": "registry:component"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/registry.json b/registry.json
index 6f7d236..fe1e92e 100644
--- a/registry.json
+++ b/registry.json
@@ -58,6 +58,20 @@
       ],
       "dependencies": ["react-native"],
       "registryDependencies": []
+    },
+    {
+      "name": "input",
+      "type": "registry:component",
+      "title": "Input",
+      "description": "An input component for React Native applications.",
+      "files": [
+        {
+          "path": "registry/input/input.tsx",
+          "type": "registry:component"
+        }
+      ],
+      "dependencies": ["react-native"],
+      "registryDependencies": []
     }
   ]
 } 
diff --git a/registry/input/input.tsx b/registry/input/input.tsx
new file mode 100644
index 0000000..b4bffe7
--- /dev/null
+++ b/registry/input/input.tsx
@@ -0,0 +1,34 @@
+import * as React from "react";
+import { TextInput, Platform } from "react-native";
+import { cn } from "@/lib/utils";
+
+const Input = React.forwardRef<
+  TextInput,
+  React.ComponentProps<typeof TextInput>
+>(({ className, ...props }, ref) => {
+  const [isFocused, setIsFocused] = React.useState(false);
+
+  return (
+    <TextInput
+      className={cn(
+        "h-12 w-full rounded-md border border-input bg-transparent px-3 text-primary shadow-sm",
+        "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        isFocused ? "border-ring ring-1 ring-ring" : "",
+        Platform.OS === "ios"
+          ? "ios:shadow-sm ios:shadow-foreground/10"
+          : "android:elevation-1",
+        className
+      )}
+      ref={ref}
+      textAlignVertical="center"
+      underlineColorAndroid="transparent"
+      onFocus={() => setIsFocused(true)}
+      onBlur={() => setIsFocused(false)}
+      {...props}
+    />
+  );
+});
+
+Input.displayName = "Input";
+
+export { Input };