diff --git a/src/core/effects/FXAA.vue b/src/core/effects/FXAA.vue
new file mode 100644
index 00000000..e3b10fdd
--- /dev/null
+++ b/src/core/effects/FXAA.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { BlendFunction, FXAAEffect } from 'postprocessing'
+import { useEffect } from '../composables/effect'
+// import { makePropWatchers } from '../../util/prop'
+
+export interface FXAAProps {
+  /**
+   * The blend function of this effect. This prop is not reactive.
+   * @default BlendFunction.SCREEN
+   * @type {BlendFunction}
+   * @memberof FXAAProps
+   */
+  blendFunction?: BlendFunction
+}
+
+const props = withDefaults(defineProps<FXAAProps>(), {})
+
+const { pass, effect } = useEffect(() => new FXAAEffect(props))
+
+defineExpose({ pass, effect }) // to allow users to modify pass and effect via template ref
+
+// makePropWatchers([], effect, () => new FXAAEffect())
+</script>
+
+<template></template>
diff --git a/src/index.ts b/src/index.ts
index c7e8ad25..11802112 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,6 +1,7 @@
 import Bloom from './core/effects/Bloom.vue'
 import DepthOfField from './core/effects/DepthOfField.vue'
 import EffectComposer from './core/EffectComposer.vue'
+import FXAA from './core/effects/FXAA.vue'
 import Glitch from './core/effects/Glitch.vue'
 import Outline from './core/effects/Outline.vue'
 import Pixelation from './core/effects/Pixelation.vue'
@@ -13,6 +14,7 @@ export {
   Bloom,
   DepthOfField,
   EffectComposer,
+  FXAA,
   Glitch,
   Noise,
   Outline,