diff --git a/.changeset/cyan-crabs-relax.md b/.changeset/cyan-crabs-relax.md
new file mode 100644
index 0000000..2c4ff41
--- /dev/null
+++ b/.changeset/cyan-crabs-relax.md
@@ -0,0 +1,5 @@
+---
+"@ast-grep/lang-tsx": patch
+---
+
+Add @ast-grep/lang-tsx
diff --git a/packages/tsx/README.md b/packages/tsx/README.md
new file mode 100644
index 0000000..439739d
--- /dev/null
+++ b/packages/tsx/README.md
@@ -0,0 +1,24 @@
+# ast-grep napi language for tsx
+
+## Installation
+
+In a pnpm project, run:
+
+```bash
+pnpm install @ast-grep/lang-tsx
+pnpm install @ast-grep/napi
+# install the tree-sitter-cli if no prebuild is available
+pnpm install @tree-sitter/cli --save-dev
+```
+
+## Usage
+
+```js
+import tsx from '@ast-grep/lang-tsx'
+import { registerDynamicLanguage, parse } from '@ast-grep/napi'
+
+registerDynamicLanguage({ tsx })
+
+const sg = parse('tsx', `your code`)
+sg.root().kind()
+```
diff --git a/packages/tsx/index.d.ts b/packages/tsx/index.d.ts
new file mode 100644
index 0000000..11140a6
--- /dev/null
+++ b/packages/tsx/index.d.ts
@@ -0,0 +1,10 @@
+type LanguageRegistration = {
+  libraryPath: string
+  extensions: string[]
+  languageSymbol?: string
+  metaVarChar?: string
+  expandoChar?: string
+}
+
+declare const registration: LanguageRegistration
+export default registration
diff --git a/packages/tsx/index.js b/packages/tsx/index.js
new file mode 100644
index 0000000..3756a12
--- /dev/null
+++ b/packages/tsx/index.js
@@ -0,0 +1,9 @@
+const path = require('node:path')
+const libPath = path.join(__dirname, 'parser.so')
+
+module.exports = {
+  libraryPath: libPath,
+  extensions: ['tsx'],
+  languageSymbol: 'tree_sitter_tsx',
+  expandoChar: '$',
+}
diff --git a/packages/tsx/nursery.js b/packages/tsx/nursery.js
new file mode 100644
index 0000000..6d16ce3
--- /dev/null
+++ b/packages/tsx/nursery.js
@@ -0,0 +1,18 @@
+const { setup } = require('@ast-grep/nursery')
+const assert = require('node:assert')
+const languageRegistration = require('./index')
+const path = require('node:path')
+
+setup({
+  dirname: __dirname,
+  name: 'tsx',
+  treeSitterPackage: 'tree-sitter-typescript',
+  src: path.join('tsx', 'src'),
+  languageRegistration,
+  testRunner: parse => {
+    const sg = parse('<Button onClick={() => foo()}>Click me</Button>')
+    const root = sg.root()
+    const node = root.find('<$ELEMENT onClick={$HANDLER}>$$$</$ELEMENT>')
+    assert.equal(node.kind(), 'jsx_element')
+  },
+})
diff --git a/packages/tsx/package.json b/packages/tsx/package.json
new file mode 100644
index 0000000..b7d735c
--- /dev/null
+++ b/packages/tsx/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "@ast-grep/lang-tsx",
+  "version": "0.0.1",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "tree-sitter build -o parser.so ./node_modules/tree-sitter-typescript/tsx",
+    "source": "node nursery.js source",
+    "prepublishOnly": "node nursery.js source",
+    "postinstall": "node postinstall.js",
+    "test": "node nursery.js test"
+  },
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "type.d.ts",
+    "postinstall.js",
+    "src",
+    "prebuilds"
+  ],
+  "keywords": ["ast-grep"],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@ast-grep/setup-lang": "0.0.3"
+  },
+  "peerDependencies": {
+    "tree-sitter-cli": "0.24.6"
+  },
+  "peerDependenciesMeta": {
+    "tree-sitter-cli": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@ast-grep/nursery": "0.0.3",
+    "tree-sitter-cli": "0.24.6",
+    "tree-sitter-typescript": "^0.23.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": ["@ast-grep/lang-tsx", "tree-sitter-cli"]
+  }
+}
diff --git a/packages/tsx/postinstall.js b/packages/tsx/postinstall.js
new file mode 100644
index 0000000..b9141ff
--- /dev/null
+++ b/packages/tsx/postinstall.js
@@ -0,0 +1,4 @@
+const { postinstall } = require('@ast-grep/setup-lang')
+postinstall({
+  dirname: __dirname,
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 788f16e..139761b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -402,6 +402,22 @@ importers:
         specifier: 0.24.6
         version: 0.24.6
 
+  packages/tsx:
+    dependencies:
+      '@ast-grep/setup-lang':
+        specifier: 0.0.3
+        version: 0.0.3
+    devDependencies:
+      '@ast-grep/nursery':
+        specifier: 0.0.3
+        version: 0.0.3
+      tree-sitter-cli:
+        specifier: 0.24.6
+        version: 0.24.6
+      tree-sitter-typescript:
+        specifier: ^0.23.2
+        version: 0.23.2(tree-sitter@0.21.1)
+
   scripts/create-lang:
     dependencies:
       prompts:
@@ -1172,6 +1188,14 @@ packages:
       tree_sitter:
         optional: true
 
+  tree-sitter-typescript@0.23.2:
+    resolution: {integrity: sha512-e04JUUKxTT53/x3Uq1zIL45DoYKVfHH4CZqwgZhPg5qYROl5nQjV+85ruFzFGZxu+QeFVbRTPDRnqL9UbU4VeA==}
+    peerDependencies:
+      tree-sitter: ^0.21.0
+    peerDependenciesMeta:
+      tree-sitter:
+        optional: true
+
   tree-sitter@0.21.1:
     resolution: {integrity: sha512-7dxoA6kYvtgWw80265MyqJlkRl4yawIjO7S5MigytjELkX43fV2WsAXzsNfO7sBpPPCF5Gp0+XzHk0DwLCq3xQ==}
 
@@ -1882,6 +1906,14 @@ snapshots:
       tree-sitter-cli: 0.23.2
       which: 2.0.2
 
+  tree-sitter-typescript@0.23.2(tree-sitter@0.21.1):
+    dependencies:
+      node-addon-api: 8.3.1
+      node-gyp-build: 4.8.4
+      tree-sitter-javascript: 0.23.1(tree-sitter@0.21.1)
+    optionalDependencies:
+      tree-sitter: 0.21.1
+
   tree-sitter@0.21.1:
     dependencies:
       node-addon-api: 8.3.1