Welcome to Tauri + React
+ + +
+ 
+ Click on the Tauri, Vite, and React logos to learn more.
+ + +{greetMsg}
+
+
+
+
+
+ );
+}
diff --git a/src/routes/about.tsx b/src/routes/about.tsx
new file mode 100644
index 0000000..c3bb7b9
--- /dev/null
+++ b/src/routes/about.tsx
@@ -0,0 +1,54 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/about")({
+ component: AboutComponent,
+});
+
+function AboutComponent() {
+ return (
+
+
+ );
+}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
new file mode 100644
index 0000000..fb70a29
--- /dev/null
+++ b/src/routes/index.tsx
@@ -0,0 +1,81 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { useState } from "react";
+import { invoke } from "@tauri-apps/api/core";
+import clsx from "clsx";
+
+export const Route = createFileRoute("/")({
+ component: IndexComponent,
+});
+
+function IndexComponent() {
+ const [greetMsg, setGreetMsg] = useState("");
+ const [name, setName] = useState("");
+
+ async function greet() {
+ setGreetMsg(await invoke("greet", { name }));
+ }
+
+ return (
+ About LTK Forge
+
+
+ + LTK Forge is a visual editor for creating and editing League of Legends mods. +
+Features
+-
+
- + ๐บ๏ธ Map Editor - Edit .mapgeo environment files + +
- + ๐ง Model Viewer - View skinned meshes with animation playback + +
- + โจ VFX Editor - Create and preview particle effects + +
- + ๐ผ๏ธ Texture Viewer - Preview textures with channel inspection + +
- + ๐ฆ Build Integration - Package mods with league-mod + +
Tech Stack
+-
+
- + Framework: Tauri 2.0 with Rust backend + +
- + Frontend: React 19 with TypeScript + +
- + Routing: TanStack Router + +
- + Styling: Tailwind CSS with base-ui components + +
- + 3D Rendering: Three.js (coming soon) + +
+
+ );
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
+
+
+
+
+ Welcome to LTK Forge
+Visual editor for League of Legends modding
+
+
+
+ {greetMsg && (
+
+ {greetMsg}
+ )} +