Formclick
Open-source examples

Contact form examples for every framework

Working, MIT-licensed contact forms for 13 stacks, each in its own GitHub repository. Clone one, add your Formclick access key and you have a contact form that delivers to your inbox, with no backend to build.

In short: every example posts the form to the Formclick form API with one request, and shows loading, error and thank-you states with a honeypot spam trap. Each one was built, run and tested against the live API. Browse them all on github.com/formclick.

All examples

HTML

Plain HTML

Contact form, file upload, no-JavaScript and fetch/JSON examples you can copy into any website.

Several examples
#html#html-form#file-upload#static-site
git clone https://github.com/formclick/html-form-examplesView on GitHub (formclick/html-form-examples)

Next.js

Next.js 16 · App Router

A client component that posts straight to Formclick. No API route or server action.

Runnable project
#nextjs#app-router#react
git clone https://github.com/formclick/nextjs-contact-formView on GitHub (formclick/nextjs-contact-form)

Svelte

SvelteKit 3 · Svelte 5

Svelte 5 runes, the new SvelteKit 3 env API, prerendered to a static site.

Runnable projectNode.js 22.17+
#svelte#sveltekit#svelte5
git clone https://github.com/formclick/svelte-contact-formView on GitHub (formclick/svelte-contact-form)

Hugo

Hugo 0.146+

A reusable partial you can drop into any Hugo site, with a per-environment key.

Runnable project
#hugo#hugo-partial#static-site
git clone https://github.com/formclick/hugo-contact-formView on GitHub (formclick/hugo-contact-form)

Mobile app SDKs

Building a mobile app? Each SDK sends a form submission to Formclick with one call and tracks loading, success and error state for you. All six are MIT licensed.

Flutter

pub.dev · coming soon

Flutter SDK for Formclick. Send form submissions from Android, iOS, web and desktop apps with a ChangeNotifier. No backend needed.

#flutter#dart#changenotifier
Not on pub.dev yet. Use the GitHub repo for now.View on GitHub (formclick/formclick-flutter)

iOS / macOS (Swift)

Swift Package Manager · coming soon

Swift package for Formclick. Send form submissions from iOS and macOS apps with async/await and SwiftUI. No backend needed.

#swift#swiftui#ios
Not on Swift Package Manager yet. Use the GitHub repo for now.View on GitHub (formclick/formclick-ios)

Android (Kotlin)

JitPack

Kotlin library for Formclick. Send form submissions from Android apps with coroutines and StateFlow, for Jetpack Compose or Views. No backend needed.

#kotlin#jetpack-compose#android
implementation("com.github.formclick:formclick-android:37d4697b53")Add maven { url = uri("https://jitpack.io") } to your repositories.View on JitPack (formclick/formclick-android)Source on GitHub

.NET MAUI / Xamarin

NuGet · coming soon

.NET SDK for Formclick. Send form submissions from MAUI, Xamarin, Blazor and any .NET app, with MVVM-ready bindable state. No backend needed.

#maui#xamarin#blazor
Not on NuGet yet. Use the GitHub repo for now.View on GitHub (formclick/formclick-dotnet)

The same request in every example

Whatever the framework, the form sends one request. The examples differ only in how each framework reads the access key and shows the result.

await fetch('https://api.formclick.io/submit', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
  body: JSON.stringify({ access_key: 'YOUR_ACCESS_KEY', name, email, message }),
});
// → { "success": true, "message": "…" }

Full details of fields, responses and limits are in the Form API reference.

How to use an example

  1. Create a free Formclick account and copy your form’s access key.
  2. Clone the repository for your framework.
  3. Add the key to the example’s .env file or config. Each README says where.
  4. Run it, send a test message, and check your inbox and dashboard.

FAQ

Are the examples free to use?

Yes. Every repository is MIT licensed, so you can copy, change and use the code in personal and commercial projects.

Do I need a backend or an API route?

No. Each example posts straight from the browser to the Formclick form API, which stores the submission, emails you and sends it on to your tools.

Is it safe to put the access key in front-end code?

Yes. The access key can only create submissions for its form. It can’t read submissions or change settings, and paid plans can restrict it to your own domains.

Is there an SDK for mobile apps?

Yes. There are MIT-licensed SDKs for React Native and Expo, Flutter, Ionic and Capacitor, iOS (Swift), Android (Kotlin) and .NET MAUI. Each one sends a submission with a single call.

My framework isn’t listed. Will it work?

Yes. Anything that can make an HTTP request or render an HTML form works. Start from the JavaScript or HTML example and adapt it.

Keep your HTML. Let Formclick handle the rest.

Free plan, no credit card. Your first form can be live in a few minutes.

Get started free