diff --git a/src/lib/components/transitions/index.ts b/src/lib/components/transitions/index.ts
index 62109dc..dbe76ad 100644
--- a/src/lib/components/transitions/index.ts
+++ b/src/lib/components/transitions/index.ts
@@ -1,2 +1,2 @@
 export { default as TransitionChild } from "./TransitionChildWrapper.svelte";
-export { default as Transition } from "./TransitionRoot.svelte";
+export { default as Transition, default as TransitionRoot } from "./TransitionRoot.svelte";
diff --git a/src/routes/docs/transition.svx b/src/routes/docs/transition.svx
index ad5b219..c1baef5 100644
--- a/src/routes/docs/transition.svx
+++ b/src/routes/docs/transition.svx
@@ -194,6 +194,8 @@ This is useful if you want something to transition in on initial page load, or w
 
 ### Transition
 
+This component is also exported as `TransitionRoot`, to maintain compatibility with some Tailwind UI snippets.
+
 | Prop        | Default | Type      | Description                                                                                                                            |
 | ----------- | ------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------- |
 | `show`      | --      | `boolean` | Whether the children should be shown or hidden                                                                                         |