HTMX

Use NBForms with HTMX

HTMX is built for hypermedia-driven UIs, but you still need a backend for form submissions. NBForms bridges the gap: HTMX handles the interaction, NBForms handles the storage, email alerts, and spam filtering.

Official HTMX docs

HTMX

<!-- Requires htmx.org — endpoint must return an HTML snippet on success -->
<div id="contact-wrapper">
  <form hx-post="https://api.nbforms.com"
        hx-target="#contact-wrapper"
        hx-swap="innerHTML">
    <input type="hidden" name="_token" value="YOUR_TOKEN" />
    <label>Name</label>
    <input type="text" name="name" required />
    <label>Email</label>
    <input type="email" name="email" required />
    <label>Message</label>
    <textarea name="message" required></textarea>
    <button type="submit">Send</button>
  </form>
</div>

Why NBForms?

Uses hx-post for native HTMX form submission
No server-side code required on your end
Target any element with hx-target for inline feedback
Works alongside any HTMX-powered page

Add to your HTMX app in minutes

Free tier included. No credit card. No backend setup — just copy the snippet above and go.

Get started free