Compatibility matrix
Compatibility depends on the helper type. Foundation does not require React.
| Area | React | Next.js | Vue | Angular | Astro | Vite | Node |
|---|---|---|---|---|---|---|---|
| SCSS tokens/mixins | Yes | Yes | Yes | Yes | Yes | Yes | No |
cx and guards | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| DOM/a11y | Browser | Client only | Browser | Browser | Client only | Browser | No |
| SEO/build HTML | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| Client-side metadata | Browser | Client only | Browser | Browser | Client only | Browser | No |
Recommended Node version for docs and ecosystem builds: 24.x.
Supported compatibility
- Node: the package declares support for Node
>=20. Ecosystem documentation scripts are validated with Node24.x. - Modules: Foundation is published as ESM. Consumers should use ESM imports or a compatible bundler.
- Browsers: DOM helpers target modern browsers with standard DOM APIs.
- SSR: importing Foundation during SSR is safe. Helpers that mutate
documentshould run only on the client or receive an explicitdocumentRef. - Frameworks: Foundation does not depend on React, Vue, Angular, Astro or Next.js. Each framework decides where DOM/client-side helpers run.