diff --git a/.changeset/hungry-months-know.md b/.changeset/hungry-months-know.md
new file mode 100644
index 0000000..effead6
--- /dev/null
+++ b/.changeset/hungry-months-know.md
@@ -0,0 +1,5 @@
+---
+"@ast-grep/lang-css": patch
+---
+
+Add @ast-grep/lang-css
diff --git a/packages/css/README.md b/packages/css/README.md
new file mode 100644
index 0000000..04f3c78
--- /dev/null
+++ b/packages/css/README.md
@@ -0,0 +1,24 @@
+# ast-grep napi language for css
+
+## Installation
+
+In a pnpm project, run:
+
+```bash
+pnpm install @ast-grep/lang-css
+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 css from '@ast-grep/lang-css'
+import { registerDynamicLanguage, parse } from '@ast-grep/napi'
+
+registerDynamicLanguage({ css })
+
+const sg = parse('css', `your code`)
+sg.root().kind()
+```
diff --git a/packages/css/index.d.ts b/packages/css/index.d.ts
new file mode 100644
index 0000000..11140a6
--- /dev/null
+++ b/packages/css/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/css/index.js b/packages/css/index.js
new file mode 100644
index 0000000..3784f5c
--- /dev/null
+++ b/packages/css/index.js
@@ -0,0 +1,9 @@
+const path = require('node:path')
+const libPath = path.join(__dirname, 'parser.so')
+
+module.exports = {
+  libraryPath: libPath,
+  extensions: ['css', 'scss'],
+  languageSymbol: 'tree_sitter_css',
+  expandoChar: '$',
+}
diff --git a/packages/css/nursery.js b/packages/css/nursery.js
new file mode 100644
index 0000000..2ea8662
--- /dev/null
+++ b/packages/css/nursery.js
@@ -0,0 +1,16 @@
+const { setup } = require('@ast-grep/nursery')
+const assert = require('node:assert')
+const languageRegistration = require('./index')
+
+setup({
+  dirname: __dirname,
+  name: 'css',
+  treeSitterPackage: 'tree-sitter-css',
+  languageRegistration,
+  testRunner: parse => {
+    const sg = parse('.a { color: red; }')
+    const root = sg.root()
+    const node = root.find('$A { color: red; }')
+    assert.equal(node.kind(), 'rule_set')
+  },
+})
diff --git a/packages/css/package.json b/packages/css/package.json
new file mode 100644
index 0000000..da5601a
--- /dev/null
+++ b/packages/css/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "@ast-grep/lang-css",
+  "version": "0.0.1",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "tree-sitter build -o parser.so",
+    "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.2",
+    "tree-sitter-cli": "0.24.6",
+    "tree-sitter-css": "0.23.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": ["@ast-grep/lang-css", "tree-sitter-cli"]
+  }
+}
diff --git a/packages/css/postinstall.js b/packages/css/postinstall.js
new file mode 100644
index 0000000..b9141ff
--- /dev/null
+++ b/packages/css/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 08634c8..5b79b4b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -82,6 +82,22 @@ importers:
         specifier: 0.24.6
         version: 0.24.6
 
+  packages/css:
+    dependencies:
+      '@ast-grep/setup-lang':
+        specifier: 0.0.3
+        version: 0.0.3
+    devDependencies:
+      '@ast-grep/nursery':
+        specifier: 0.0.2
+        version: 0.0.2
+      tree-sitter-cli:
+        specifier: 0.24.6
+        version: 0.24.6
+      tree-sitter-css:
+        specifier: 0.23.2
+        version: 0.23.2
+
   packages/go:
     dependencies:
       '@ast-grep/setup-lang':
@@ -818,6 +834,14 @@ packages:
       tree-sitter:
         optional: true
 
+  tree-sitter-css@0.23.2:
+    resolution: {integrity: sha512-B7teNQrPIEEus37nvv00FcW6tw3bXsMUAZDi56OyZAp8cNebA1NPBEZxzIabtyHQnwXSKXeRtUzYhWxTa0JuAg==}
+    peerDependencies:
+      tree-sitter: ^0.22.4
+    peerDependenciesMeta:
+      tree-sitter:
+        optional: true
+
   tree-sitter-go@0.23.4:
     resolution: {integrity: sha512-iQaHEs4yMa/hMo/ZCGqLfG61F0miinULU1fFh+GZreCRtKylFLtvn798ocCZjO2r/ungNZgAY1s1hPFyAwkc7w==}
     peerDependencies:
@@ -1467,6 +1491,11 @@ snapshots:
       node-gyp-build: 4.8.4
       tree-sitter-c: 0.23.5
 
+  tree-sitter-css@0.23.2:
+    dependencies:
+      node-addon-api: 8.3.1
+      node-gyp-build: 4.8.4
+
   tree-sitter-go@0.23.4(tree-sitter@0.21.1):
     dependencies:
       node-addon-api: 8.3.1