---
title: "Terms Checkbox Pro — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Prettifyweb · Forms. Terms Checkbox consent gate for any CTA"
canonical: "https://framer.elliotli.dev/component/terms-checkbox-pro"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Terms Checkbox Pro

# Terms Checkbox Pro

Terms Checkbox consent gate for any CTA

[View on Framer](https://framer.com/marketplace/components/terms-checkbox-pro/?via=elliot-li)

![Terms Checkbox Pro preview image 1](https://framer.elliotli.dev/og/component/terms-checkbox-pro/11b90019200eec06/1600x1200.jpg)

## Summary

Terms Checkbox consent gate for any CTA

## Description

**Terms compliance shouldn't be a UX afterthought.**

-   Disables submit until users agree — actually
    
-   Inline links inside the label (up to 5)
    
-   Works with Framer Forms **and** any button
    
-   Gate **multiple buttons at once** by layer name or selector
    
-   Captcha-compatible (gate registry protocol)
    
-   Accessible: native input, ARIA, keyboard, reduced motion
    
-   Pixel-perfect alignment, no wrap bugs
    
-   Four checkmark icons + full styling controls
    
-   Drop-and-go defaults — works on the canvas instantly
    

Terms Checkbox is a drop-in consent component for Framer forms and any CTA on the page. It renders inline Terms of Service / Privacy Policy / Cookies links inside the label, and — unlike Framer's native checkbox or other Marketplace alternatives — **actually disables the submit button** until users tick the box.

It also plays well with others: a shared data-gate-\* registry lets it coexist with Captcha components, custom validators, or any future gate. No fights over disabled state, no race conditions.

### What you get

-   **Real submit gating.** The button is .disabled (form mode) or click-blocked (any-button mode) — not just a required attribute that fails after the user clicks.
    
-   **Inline links inside the label.** Up to 5 links via {1}, {2}, {3} tokens. Click a link without toggling the checkbox.
    
-   **Works beyond <form>.** Auto-detects the closest button when no form is present, or target by Framer layer name / CSS selector — gating **all matches** at once (one Terms can lock down every "Buy" button on a landing page).
    
-   **Captcha-compatible.** Cooperative gate registry — multiple validators on one button, no overrides.
    
-   **Accessible by default.** Real <input type="checkbox">, aria-invalid, aria-disabled, focus-visible, keyboard support, prefers-reduced-motion.
    
-   **Pixel-perfect alignment.** Box height locks to one line of label text — clean even when the label wraps to multiple lines on mobile.
    
-   **Full styling control.** Size, radius, gap, four checkmark icons, font, label color, link color, hover color, three underline modes.
    
-   **Variant-safe.** A MutationObserver re-locates the gated element if Framer swaps variants or re-renders.
    
-   **No external dependencies.** No CDN calls. SSR-safe. Single-file TypeScript drop-in.
    

### Why you'll love it

-   **Drop and go.** Sensible defaults — checkbox + label with two links, "I agree to the Terms and Privacy Policy". Add your URLs and ship.
    
-   **Composes.** Need Captcha, age confirmation, and Terms on the same form? They cooperate, not collide.
    
-   **Universal.** Newsletter sign-ups, lead magnets, booking forms, multi-step wizards, "Continue to Checkout" CTAs, modal triggers — anywhere consent matters.
    
-   **Clean handoff.** A real form input means real FormData, real validation, real assistive-tech support.
    

### Suitable for

Newsletter sign-ups · Lead magnets · Booking forms · Free trials · Sign-up pages · Checkout flows · Membership applications · Any high-conversion landing page that needs explicit consent.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5634

## Details

- **Author**: Prettifyweb
- **Price**: $9.00
- **Published**: 2026-05-18
- **Updated**: 2026-05-18
- **Added**: 2026-05-05
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from