diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
deleted file mode 100644
index 39d79daa6db..00000000000
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-name: Bug report
-about: Use this when swc breaks something
-title: ""
-labels: C-bug
-assignees: ""
----
-
-<!--
-If you are using swc at work, please considering adding your company to https://swc.rs/users/
-If then, your issue will be fixed more quickly.
--->
-
-**Describe the bug**
-
-**Input code**
-
-**Config**
-
-```json
-{
-  // Please copy and paste your .swcrc file here
-}
-```
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Version**
-The version of @swc/core:
-
-**Additional context**
-Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
new file mode 100644
index 00000000000..d76ffdc788d
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -0,0 +1,49 @@
+name: Bug Report
+about: Use this when swc breaks something
+title: ""
+labels: C-bug
+assignees: ""
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the bug
+      description: |
+        If swc crashed or panicked, you can gain error message by running `swc --sync <input.js>`.
+        Also, you can get backtrace by invoking swc by setting an environment varaible `SWC_DEBUG` to `1`.
+    validations:
+      required: true
+  - type: textarea
+    id: code
+    attributes:
+      label: Input code
+      render: typescript
+  - type: textarea
+    id: config
+    attributes:
+      label: Config
+      description: Paste your `.swcrc` file here.
+      render: json
+  - type: input
+    id: repro-link
+    attributes:
+      label: Playground link
+      description: You can use [swc playground](https://swc-play.vercel.app/) to create a reproduction link, then paste the link here.
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected behavior
+      description: A clear and concise description of what you expect to happen.
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: Version
+    validations:
+      required: true
+  - type: textarea
+    id: addition
+    attributes:
+      label: Additional context
+      placeholder: Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/crash_report.md b/.github/ISSUE_TEMPLATE/crash_report.md
deleted file mode 100644
index 297fecf3295..00000000000
--- a/.github/ISSUE_TEMPLATE/crash_report.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-name: Crash report
-about: Use this when swc panics
-title: "panic: "
-labels: C-bug
-assignees: ""
----
-
-<!--
-If you are using swc at work, please considering adding your company to https://swc.rs/users/
-If then, your issue will be fixed more quickly.
--->
-
-1. Source code
-
-2. `.swcrc` file
-
-3. Error message gained from `swc --sync <input.js>`
-   (--sync is required to get panic message)
-
-4. Backtrace
-
-(You can get it by invoking swc by setting an environment varaible`SWC_DEBUG` to `1`, invoke swc like `SWC_DEBUG=1 npx swc foo.js` on linux / darwin)
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
deleted file mode 100644
index 436e520a0ce..00000000000
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-name: Feature request
-about: Use this when you want a new feature
-title: ""
-labels: ""
-assignees: ""
----
-
-<!--
-If you are using swc at work, please considering adding your company to https://swc.rs/users/
-If then, your issue will be fixed more quickly.
--->
-
-**Describe the feature**
-
-**Babel plugin or link to the feature description**
-
-**Additional context**
-Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
new file mode 100644
index 00000000000..90de76bc7bf
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -0,0 +1,21 @@
+name: Feature Request
+about: Use this when you want a new feature
+title: ""
+labels: ""
+assignees: ""
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the feature
+    validations:
+      required: true
+  - type: input
+    id: link
+    attributes:
+      label: Babel plugin or link to the feature description
+  - type: textarea
+    id: addition
+    attributes:
+      label: Additional context
+      placeholder: Add any other context about this feature here.