# How-to Guides

- [HTML & JavaScript](/how-to-guides/html-and-javascript.md)
- [JS Frameworks](/how-to-guides/js-frameworks.md)
- [React JS](/how-to-guides/js-frameworks/react-js.md): React contact form example using react-hook-form plugin
- [Web3Forms React Plugin](/how-to-guides/js-frameworks/react-js/react-plugin.md)
- [React Hook Form](/how-to-guides/js-frameworks/react-js/react-js.md): React contact form example using react-hook-form plugin
- [Simple React Contact Form](/how-to-guides/js-frameworks/react-js/simple-react-contact-form.md)
- [React File Upload Form](/how-to-guides/js-frameworks/react-js/react-file-upload-form.md)
- [React Google ReCaptcha v3](/how-to-guides/js-frameworks/react-js/react-google-recaptcha-v3.md): Next.js Example
- [React Hook Form File Upload](/how-to-guides/js-frameworks/react-js/react-hook-form-file-upload.md)
- [Vue JS](/how-to-guides/js-frameworks/vue-js.md)
- [Svelte](/how-to-guides/js-frameworks/svelte.md)
- [Angular JS](/how-to-guides/js-frameworks/angular-js.md)
- [Alpine.js](/how-to-guides/js-frameworks/alpine.js.md)
- [Site Builders](/how-to-guides/site-builders.md)
- [Webflow](/how-to-guides/site-builders/webflow.md): Here's a guide on how to integrate Web3Forms with Webflow using Form Block and HTML Embed
- [Framer](/how-to-guides/site-builders/framer.md): Here's a guide on how to integrate Custom Contact Forms in Framer using Web3Forms
- [Carrd.co](/how-to-guides/site-builders/carrd.co.md)
- [Squarespace](/how-to-guides/site-builders/squarespace.md)
- [Wix](/how-to-guides/site-builders/wix.md): Setup Web3Forms Form Submission in your Wix Website
- [Dorik](/how-to-guides/site-builders/dorik.md)
- [Static Site Generators](/how-to-guides/static-site-generators.md)
- [Next.js](/how-to-guides/static-site-generators/next.js.md)
- [Astro](/how-to-guides/static-site-generators/astro.md): Custom Contact form for Astro
- [Nuxt.js](/how-to-guides/static-site-generators/nuxt.js.md): Create a working contact form in nuxt 3 using web3forms.
- [Hugo](/how-to-guides/static-site-generators/hugo.md)
- [Jekyll](/how-to-guides/static-site-generators/jekyll.md)
- [Gatsby](/how-to-guides/static-site-generators/gatsby.md)
- [Gridsome](/how-to-guides/static-site-generators/gridsome.md)
- [Eleventy](/how-to-guides/static-site-generators/eleventy.md)
- [Hosting Providers](/how-to-guides/hosting-providers.md)
- [Vercel](/how-to-guides/hosting-providers/vercel.md): Here's how to setup a Working HTML Contact Form on Websites hosted with Vercel Platform.
- [Netlify](/how-to-guides/hosting-providers/netlify.md)
- [Digital Ocean](/how-to-guides/hosting-providers/digital-ocean.md)
- [AWS](/how-to-guides/hosting-providers/aws.md)
- [Github](/how-to-guides/hosting-providers/github.md)
- [Cloudflare](/how-to-guides/hosting-providers/cloudflare.md)
- [JAM Stack](/how-to-guides/jam-stack.md)
- [Landing Page Builders](/how-to-guides/landing-page-builders.md)
- [Unbounce](/how-to-guides/landing-page-builders/unbounce.md)
- [Instapage](/how-to-guides/landing-page-builders/instapage.md)
- [Pagewiz](/how-to-guides/landing-page-builders/pagewiz.md)
- [Groovefunnels](/how-to-guides/landing-page-builders/groovefunnels.md)
- [WordPress](/how-to-guides/wordpress.md)
- [Elementor](/how-to-guides/wordpress/elementor.md)
- [Oxygen Builder](/how-to-guides/wordpress/oxygen-builder.md)