> ## Documentation Index
> Fetch the complete documentation index at: https://www.dynamic.xyz/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Welcome
> Dynamic provides one complete wallet stack. Build your way — from low-level APIs to full SDKs. Use primitives for full control or prebuilt flows to ship fast. Get sub-second signing and enterprise-grade security.
export const WelcomeWordRotator = () => {
const scenes = useMemo(() => [{
first: "a trade everything app",
second: "JavaScript"
}, {
first: "stablecoin apps",
second: "React"
}, {
first: "cross chain flows",
second: "React Native"
}, {
first: "auto swapping and bridging",
second: "React"
}, {
first: "a neobank",
second: "Swift"
}, {
first: "the next killer consumer app",
second: "Flutter"
}, {
first: "a global payments app",
second: "JavaScript"
}, {
first: "crypto rails",
second: "raw HTTP"
}, {
first: "server wallets",
second: "Node"
}, {
first: "next gen gaming",
second: "Unity"
}], []);
const firstRef = useRef(null);
const secondRef = useRef(null);
const sceneRef = useRef(0);
const splitToSpans = (el, text) => {
el.innerHTML = "";
const parts = text.split(/(\s+)/);
parts.forEach(part => {
if ((/^\s+$/).test(part)) {
el.appendChild(document.createTextNode(" "));
return;
}
if (!part) return;
const wordSpan = document.createElement("span");
wordSpan.className = "wwr-word";
part.split("").forEach(char => {
const span = document.createElement("span");
span.className = "wwr-char";
span.textContent = char;
wordSpan.appendChild(span);
});
el.appendChild(wordSpan);
});
};
const staggerIn = el => {
const chars = el.querySelectorAll(".wwr-char");
return gsap.fromTo(chars, {
opacity: 0,
rotateX: -70,
filter: "blur(3px)",
y: 6
}, {
opacity: 1,
rotateX: 0,
filter: "blur(0px)",
y: 0,
duration: 0.7,
stagger: 0.035,
ease: "power2.out"
});
};
const staggerOut = el => {
const chars = el.querySelectorAll(".wwr-char");
return gsap.to(chars, {
opacity: 0,
rotateX: 70,
filter: "blur(3px)",
y: -6,
duration: 0.5,
stagger: 0.025,
ease: "power2.in"
});
};
const animate = useCallback(() => {
const next = (sceneRef.current + 1) % scenes.length;
const scene = scenes[next];
sceneRef.current = next;
const outFirst = staggerOut(firstRef.current);
const outSecond = staggerOut(secondRef.current);
const longestOut = outFirst.duration() > outSecond.duration() ? outFirst : outSecond;
longestOut.eventCallback("onComplete", () => {
firstRef.current.style.visibility = "hidden";
secondRef.current.style.visibility = "hidden";
splitToSpans(firstRef.current, scene.first);
splitToSpans(secondRef.current, scene.second);
firstRef.current.style.visibility = "visible";
secondRef.current.style.visibility = "visible";
const inFirst = staggerIn(firstRef.current);
staggerIn(secondRef.current);
gsap.delayedCall(inFirst.duration() + 2, animate);
});
}, [scenes]);
useEffect(() => {
splitToSpans(firstRef.current, scenes[0].first);
splitToSpans(secondRef.current, scenes[0].second);
staggerIn(firstRef.current);
gsap.delayedCall(0.08, () => staggerIn(secondRef.current));
const delay = gsap.delayedCall(2, animate);
return () => delay.kill();
}, [animate, scenes]);
return ;
};
### Get started
Create an environment in the [Dynamic dashboard](https://app.dynamic.xyz/).
[Click here to add the MCP to Cursor.](https://cursor.com/en/install-mcp?name=dynamic\&config=eyJ1cmwiOiJodHRwczovL3d3dy5keW5hbWljLnh5ei9kb2NzL21jcCJ9)
```bash theme={"system"}
claude mcp add --transport http dynamic https://www.dynamic.xyz/docs/mcp
```
```bash theme={"system"}
codex mcp add dynamic --url https://www.dynamic.xyz/docs/mcp
```
If your editor or agent supports remote HTTP MCP, add a server that points at `https://www.dynamic.xyz/docs/mcp`. The exact steps depend on the product; use its MCP documentation for URL-based or HTTP transport setup.
It can access the documentation and start implementing for you!
### Browse by platform
Prefer reading in the browser? Use the product menu (top left) or open a guide below.
Beta
Beta
Manage environments from the terminal
Integrate anything using HTTP
Check out the Recipes section.
### Support & feedback
Reach us for questions, issues, ideas, or feedback:
Join our Slack community
Post or DM us on X
Email [hello@dynamic.xyz](mailto:hello@dynamic.xyz)
Email [founders@dynamic.xyz](mailto:founders@dynamic.xyz) — tell us what works and what does not