How do I add a before-after slider to Framer?

Add the OneType Transforms script tag in Settings > General > Custom Code > End of head tag. Then use an Embed component with two images inside a div with the ot="before-after" attribute. Publish to see it live.

Which Framer plan do I need for a before-after slider?

You need a Basic plan ($10/mo) or higher. The free plan does not support Custom Code in Site Settings, which is needed to load the script tag site-wide.

Can I see the before-after slider in the Framer editor?

No. Custom code and Embed content only render on the published site, not in the Framer editor. Publish your site or use the Preview URL to see the slider working.

Before-After Slider for Framer - Step by Step