Publish the module
Publish the module in SR Anywhere and open Embed. Copy your embed key, the ek_ part of the line.
AI builders
Your AI builder writes the app; Slider Revolution brings the motion. Paste one prompt, and the module shows where you want it. Nothing to install, no slider library in your bundle, and the module updates when you publish again in SR Anywhere.
Most of these builders generate a React app. A module is still one line, but React does not run a script tag that it renders itself, so the line goes into a small component that adds it when the component mounts. Your builder writes that component from the prompt below. Everything else is as on any page: publish in SR Anywhere, copy your key, paste the prompt.
Publish once in SR Anywhere, then one prompt has your builder place the module.
Publish the module in SR Anywhere and open Embed. Copy your embed key, the ek_ part of the line.
Paste the prompt below into your builder's chat, with your key in it. Or click Build in Lovable, Bolt, Replit or Base44 and the prompt is already there.
Tell the builder where the module goes: "as the hero on the home page", "above the pricing table". It places the component.
Check the module in the builder's preview, then publish your app.
Paste it into your builder's chat. Replace ek_YOUR_KEY_HERE with your key and [WHERE] with the place, like "as the hero on the home page".
Add a Slider Revolution module to this app. Do not install any slider or carousel library.
Create a client-only React component `SliderRevolution` that takes an `embedKey` prop. On mount it inserts a <div class="sr-anywhere-embed-host"> at its own position and appends a <script> element to that div with src="https://embed.sliderrevolution.com/i/" + embedKey + "/embed.js" and async=true. On unmount it removes that div and deletes window.__sraLoaders["SR7_" + embedKey.replace(/[^A-Za-z0-9]/g, "") + "_1"] so the module can load again when the user navigates back.
Render it only on the client (inside useEffect; no server-side rendering of the script). Give the wrapper no fixed height: the module sets its own. Do not add a Content Security Policy; if the app has one, allow https://embed.sliderrevolution.com for script-src, style-src, img-src, media-src, font-src and connect-src, and 'unsafe-inline' for style-src.
Use embedKey="ek_YOUR_KEY_HERE" and place the component [WHERE].Lovable, Bolt.new, v0, Replit and Base44. Most of them make React apps, and the prompt asks for a React component. In an app on another framework, ask for the same component in it: a wrapper element, the script added when it mounts.
The script loads asynchronously, so the app never waits for it. The module fetches only what it uses, from our edge network, close to each visitor, and nothing is added to your bundle.
The component's cleanup fixes that: on unmount it removes the module's host and clears the loader's flag, so the module loads again when you come back. The prompt already asks for it; we tested it with React Router. In Vue, Svelte or Solid, use the same cleanup.
Remove it from your domains on the Plan and licence page.
The look, words and effects live in SR Anywhere, not in your code. Edit there with Quick Edit or your AI assistant through our connector, publish, and the app shows the new version.
Yes, one component per module, each with its own key. The same key twice on one page shows once.
Free with a watermark, sign in with your e-mail to start. Using Slider Revolution for WordPress? Use your licence’s e-mail and we find it: Scale and licences for 10 sites or more include Pro, 1- to 5-site licences drop the watermark on their own sites, and every licence gets 30% off a first payment.