Framer Form Embed
Framer sites look incredible, but building complex forms requires custom code overrides. Riven gives you beautiful, production-ready forms that drop right into Framer.
How to integrate Riven with Framer
1. Insert an Embed Component
In Framer, go to Insert > Utility > Embed and drag it onto your canvas.
2. Set the Embed Type to URL or HTML
You can either paste your raw Riven form link (URL mode) or paste the full iframe snippet (HTML mode) for better border-radius control.
3. Adjust sizing
Set the Framer embed component's width to 'Fill' (100%) and height to 'Auto' to let Riven's responsive layout breathe.
Implementation Code
Framer Snippet
<!-- Framer HTML Embed Snippet -->
<iframe
src="https://rivenforms.in/form/YOUR_FORM_ID?embed=true"
width="100%"
height="100%"
frameborder="0"
style="border:0;background:transparent;"
title="Riven Form">
</iframe>