{"templateId":"markdown","sharedDataIds":{},"props":{"metadata":{"markdoc":{"tagList":["cards","card"]},"type":"markdown"},"seo":{"title":"Examples","description":"Build integrations, automate workflows, and manage forms and responses programmatically with the forms.app API.","siteUrl":"https://developers.forms.app","image":"/assets/formsapp-developer-docs.6ffba4f5ff7d394698661bcdb0ed2a8452f27acaf4e82754e5d0f4109563471c.9c1bb791.png","lang":"en-US","projectTitle":"forms.app Developer Docs","llmstxt":{"sections":[{"title":"llmtxt for forms app documents","includeFiles":["**/*"],"excludeFiles":[]}]},"jsonLd":{"@context":"https://schema.org","@type":"Organization","additionalType":"https://en.wikipedia.org/wiki/Software_as_a_service","url":"https://forms.app","name":"forms.app","logo":"https://cdn.forms.app/icons/all/brands/formsapp-logo-dark.svg","description":"forms.app is a free online form builder designed for teams. forms.app offers a modern, easy-to-use form builder and allows unlimited responses and team members.","foundingDate":"2018","sameAs":"https://linkedin.com/company/formsapp","contactPoint":{"@type":"ContactPoint","contactType":"Customer service","email":"support@forms.app","url":"https://forms.app/en/contact-us"}}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"examples","__idx":0},"children":["Examples"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Framework-specific patterns for embedding a forms.app form, including how to safely load the script embed inside a component's lifecycle."]},{"$$mdtype":"Tag","name":"Cards","attributes":{"columns":4,"cardMinWidth":240},"children":[{"$$mdtype":"Tag","name":"Card","attributes":{"title":"React","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/embeds/examples/react"},"children":[]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Next.js","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/embeds/examples/nextjs"},"children":[]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Vue","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/embeds/examples/vue"},"children":[]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Kotlin","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/embeds/examples/kotlin"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Android, via WebView."]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"which-embed-method-should-i-use","__idx":1},"children":["Which embed method should I use?"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/iframe-embed"},"children":["Iframe embed"]}]}," needs no JavaScript integration. It's a safe default inside any component: just render the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<iframe>"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/script-embed"},"children":["Script embed"]}]},", needed for pop-ups, side tabs, the chatbot and slider layouts, auto-resizing height, and prefilled data, touches ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["window"]}," and the DOM directly. It needs a little lifecycle-aware loading, which is what each page in this section covers."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"whats-next","__idx":2},"children":["What's next"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/embed-options"},"children":["Embed options"]}," for the full settings reference of every layout."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/embeds/passing-form-data"},"children":["Passing data to your form"]},"."]}]}]},"headings":[{"value":"Examples","id":"examples","depth":1},{"value":"Which embed method should I use?","id":"which-embed-method-should-i-use","depth":2},{"value":"What's next","id":"whats-next","depth":2}],"frontmatter":{"seo":{"title":"Examples"}},"lastModified":"2026-08-18T10:09:54.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/embeds/examples","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}