diff --git a/src/directives/autoAnimate.tsx b/src/directives/autoAnimate.tsx
new file mode 100644
index 0000000..3aa98ef
--- /dev/null
+++ b/src/directives/autoAnimate.tsx
@@ -0,0 +1,21 @@
+import autoAnimate_ from "@formkit/auto-animate";
+import { onMount } from "solid-js";
+
+// https://auto-animate.formkit.com/
+
+export const autoAnimate = (
+  el: HTMLElement,
+  config?: () => Parameters<typeof autoAnimate_>[1]
+) => {
+  onMount(function () {
+    autoAnimate_(el, config != null ? config() : undefined);
+  });
+};
+
+declare module "solid-js" {
+  namespace JSX {
+    interface Directives {
+      autoAnimate: Parameters<typeof autoAnimate_>[1] | boolean;
+    }
+  }
+}