Hacky form to email & bootstrapped form backends are the past.
SnipForms are the future.
Build secure, feature-rich forms in minutes using markup only
<form>
<div>
<label for="name" class="my-label">Name</label>
<div class="mt-1">
<input type="text" name="name" id="name" class="my-input">
</div>
</div>
<div>
<label for="email" class="my-label">Email</label>
<div class="mt-1">
<input type="email" name="email" id="email" class="my-input">
</div>
</div>
<div>
<button type="submit" class="my-btn">Submit</button>
</div>
</form>
SnipForm is a
developer-focused form-engine that simplifies the process of building feature-reach forms; enabling you to create a great user experience for your customers in minutes, instead of hours.
Ideal for Jamstack and static sites
How It Works
SnipForm takes your regular form and turns it into a small state-managed 'app' that you can control with SnipForm's simple directives; all in your markup.
No more worrying about validating data, handling errors, storing data, emailing your forms, securing forms from bots or showing results pages.
Let SnipForm do the back-end work for you.
#1
Create a new form in SnipForm, and generate your form's secure key.
#2
Add the SnipForm Javascript to your site (only ~65 KiB), and then wrap your form in <snip-form> tags.
#3
Add validation, error handling, and more to your HTML form, using markup only.
Why Developers Love SnipForm
Developers choose SnipForm for its easy setup and unmatched developer experience.
With simple directives implemented directly within the markup, developers can manage all aspects of their form's functionality whilst keeping full control over their form design.
Additionally, SnipForm saves validated submissions and emails them to users, with the option of integrating with Slack and/or sending the data to their own webhook.
The entire form experience remains inline, without any page refreshes or redirects; plus built-in spam protection eliminates the need for fiddling with recaptchas. These features saves developers a lot of time and money.
This is how easy it is to add field validation and error handling, so that users can have a smooth experience when using your form.
<snip-form key="YOUR_KEY">
<form>
<div>
<label for="name" class="my-label">Name</label>
<div class="mt-1">
<input type="text" name="name" id="name" class="my-input">
</div>
</div>
<div>
<label for="name" class="my-input">Email</label>
<div class="mt-1">
<input type="email" name="email" id="email" class="my-input">
</div>
</div>
<div>
<button type="submit" class="my-btn">Submit</button>
</div>
</form>
</snip-form>
This is how easy it is to surface loading and results content on your page, after a form has been completed by a user.
<snip-form key="YOUR_KEY">
<form>
<div>
<label for="name" class="my-label">Name</label>
<div class="mt-1">
<input sf-validate:required type="text" name="name" id="name" class="my-input">
<p error-show-text:name class="my-error"></p>
</div>
</div>
<div>
<label for="name" class="my-input">Email</label>
<div class="mt-1">
<input sf-validate:email type="email" name="email" id="email" class="my-input">
<p error-show-text:email class="my-error"></p>
</div>
</div>
<div>
<button type="submit" class="my-btn">Submit</button>
</div>
</form>
</snip-form>
Simple pricing, no submit limits
Free to start; then pay as you grow. Monthly only, cancel anytime.
Starter Plan
Get startedFor individuals and hobbyists starting out
$0
- Up to 5 forms
- Unlimited form views
- Unlimited form submits
The Basics
Get startedFor small businesses looking to have their forms secure and on brand
$19/mo
- Up to 10 forms
- Unlimited form views
- Unlimited form submits
- SnipForm branding removed
Business Plan
Get startedFor businesses that require the freedom to scale up
$72/mo
- Unlimited forms
- Unlimited form views
- Unlimited form submits
- SnipForm branding removed