diff --git a/.gitignore b/.gitignore
index 88a8bcca5..7dc7dda36 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,6 +11,7 @@ dist
 build
 tsbuild
 *.js
+!eslint.config.js
 *.tsbuildinfo
 
 # misc
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 000000000..ab35daf2b
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,124 @@
+import js from '@eslint/js'
+import jsxA11y from 'eslint-plugin-jsx-a11y'
+import pluginReact from 'eslint-plugin-react'
+import reactCompiler from 'eslint-plugin-react-compiler'
+import sonarjs from 'eslint-plugin-sonarjs'
+import unusedImports from 'eslint-plugin-unused-imports'
+import globals from 'globals'
+import process from 'node:process'
+import tseslint from 'typescript-eslint'
+
+export default [
+  {
+    ignores: ['**/*.config.js', '**/dist/', 'dist/']
+  },
+  {
+    files: ['**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.browser
+      },
+      sourceType: 'module',
+      parserOptions: {
+        project: './tsconfig.eslint.json',
+        tsconfigRootDir: process.cwd(),
+        sourceType: 'module'
+      }
+    }
+  },
+
+  // JS/TS Presets
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+
+  // React & JSX Presets
+  pluginReact.configs.flat.recommended,
+  {
+    plugins: {
+      'react-compiler': reactCompiler,
+      react: pluginReact
+    },
+    rules: {
+      'react-compiler/react-compiler': 'error',
+      'react/react-in-jsx-scope': 'off',
+      'react/jsx-sort-props': [
+        'error',
+        {
+          callbacksLast: true,
+          shorthandFirst: true,
+          shorthandLast: false,
+          ignoreCase: true,
+          noSortAlphabetically: false,
+          reservedFirst: true
+        }
+      ]
+    }
+  },
+
+  // JSX Accessibility Presets
+  {
+    files: ['**/*.{js,jsx,ts,tsx,mjs,cjs}'],
+    ...jsxA11y.flatConfigs.recommended,
+    rules: {
+      'jsx-a11y/no-autofocus': 'off'
+    }
+  },
+
+  // SonarJS
+  {
+    ...sonarjs.configs.recommended,
+    rules: {
+      'sonarjs/prefer-read-only-props': 'off'
+    }
+  },
+
+  // Unused Imports
+  {
+    plugins: {
+      'unused-imports': unusedImports
+    },
+    rules: {
+      'no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'warn',
+        {
+          vars: 'all',
+          varsIgnorePattern: '^_',
+          args: 'after-used',
+          argsIgnorePattern: '^_'
+        }
+      ]
+    }
+  },
+
+  // Code Style and Formatting
+  {
+    rules: {
+      'padding-line-between-statements': [
+        'error',
+        { blankLine: 'always', prev: 'import', next: '*' },
+        { blankLine: 'any', prev: 'import', next: 'import' },
+        { blankLine: 'always', prev: '*', next: 'const' },
+        { blankLine: 'always', prev: 'const', next: '*' },
+        { blankLine: 'always', prev: '*', next: 'function' },
+        { blankLine: 'always', prev: '*', next: 'class' },
+        { blankLine: 'always', prev: '*', next: 'export' },
+        { blankLine: 'always', prev: 'export', next: '*' },
+        { blankLine: 'always', prev: '*', next: 'block-like' },
+        { blankLine: 'always', prev: '*', next: 'return' }
+      ],
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          vars: 'all',
+          args: 'after-used',
+          ignoreRestSiblings: true,
+          varsIgnorePattern: '^_',
+          argsIgnorePattern: '^_'
+        }
+      ]
+    }
+  }
+]