diff --git a/webui/src/pages/index/rss.vue b/webui/src/pages/index/rss.vue
index 69e7d273..ccf208f3 100644
--- a/webui/src/pages/index/rss.vue
+++ b/webui/src/pages/index/rss.vue
@@ -1,9 +1,31 @@
 <script lang="ts" setup>
+const { rss } = storeToRefs(useRSSStore());
+const { getAll, updateRSS, deleteRSS } = useRSSStore();
+
+onActivated(() => {
+  getAll();
+});
 definePage({
   name: 'RSS',
 });
 </script>
 
 <template>
-  <div>null</div>
+  <div>
+    <ab-rss-item
+        v-for="i in rss"
+        :key="i.id"
+        :name="i.name"
+        :url="i.url"
+        :enable="i.enable"
+        :parser="i.parser"
+        :aggregate="i.aggregate">
+    </ab-rss-item>
+  </div>
+  <div>
+    <ab-button-group flex>
+      <ab-button icon="edit">{{ $t('config.apply') }}</ab-button>
+      <ab-button class="type-warn" text="delete">{{ $t('config.apply') }}</ab-button>
+    </ab-button-group>
+  </div>
 </template>
diff --git a/webui/types/dts/auto-imports.d.ts b/webui/types/dts/auto-imports.d.ts
index d557e4ba..b29e8c41 100644
--- a/webui/types/dts/auto-imports.d.ts
+++ b/webui/types/dts/auto-imports.d.ts
@@ -234,6 +234,7 @@ declare global {
   const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
   const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
   const useProgramStore: typeof import('../../src/store/program')['useProgramStore']
+  const useRSSStore: typeof import('../../src/store/rss')['useRSSStore']
   const useRafFn: typeof import('@vueuse/core')['useRafFn']
   const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
   const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
diff --git a/webui/types/dts/components.d.ts b/webui/types/dts/components.d.ts
index 97992e62..7ee76f43 100644
--- a/webui/types/dts/components.d.ts
+++ b/webui/types/dts/components.d.ts
@@ -21,6 +21,7 @@ declare module '@vue/runtime-core' {
     AbLabel: typeof import('./../../src/components/ab-label.vue')['default']
     AbPageTitle: typeof import('./../../src/components/basic/ab-page-title.vue')['default']
     AbPopup: typeof import('./../../src/components/ab-popup.vue')['default']
+    AbRssItem: typeof import('./../../src/components/ab-rss-item.vue')['default']
     AbRule: typeof import('./../../src/components/ab-rule.vue')['default']
     AbSearch: typeof import('./../../src/components/basic/ab-search.vue')['default']
     AbSelect: typeof import('./../../src/components/basic/ab-select.vue')['default']