---
title: "Hold Confirm — Free Framer component · Best of Framer"
description: "Free Framer component · by BuiltByKern · Buttons. Hold Confirm is a utility CTA: press and hold to fill a progress ink under the label; release before the end and it snaps back (cancel)."
canonical: "https://framer.elliotli.dev/component/hold-confirm"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Hold Confirm

# Hold Confirm

Hold to commit — release cancels.

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

![Hold Confirm preview image 1](https://framer.elliotli.dev/og/component/hold-confirm/260f8c18c6b45a43/1600x1200.jpg)

## Summary

Hold Confirm is a utility CTA: press and hold to fill a progress ink under the label; release before the end and it snaps back (cancel).

## Description

Hold Confirm is a utility CTA: press and hold to fill a progress ink under the label; release before the end and it snaps back (cancel). On seal it shows success feedback, fires onConfirm, then optionally opens a **Link**, scrolls to a **Section**, or stays sealed. Soft coral accent, BuiltByKern bone fill, dual-ink label, quiet hold pulse, and auto-reset by default so buyers can try again. Canvas-safe Preview modes, reduced-motion aware, zero packages beyond framer. Desktop hold / Space / Enter is the product — no Auto Demo.

**Features**

-   Hold-to-commit · release cancels (not hover fill)
    
-   Linear hold progress + ease-out snap-back
    
-   Success label crossfade + seal settle beat
    
-   Soft auto-reset (default 1400ms; 0 = stay sealed)
    
-   Optional tap-to-reset while sealed
    
-   Action: Link → Section → onConfirm
    
-   Soft coral #FF8A7A · dual-ink · pulse while holding
    
-   Keyboard Space/Enter · reduced-motion · canvas Preview modes
    
-   Zero external dependencies
    

**Setup**

1.  Insert Hold Confirm (~208–280px wide)
    
2.  Content: label, success label, hold duration
    
3.  Action: Link and/or Section (+ optional New Tab)
    
4.  Wire onConfirm if needed
    
5.  Motion: Auto Reset / Tap Reset
    
6.  Look: bone + coral or your brand
    

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

-   All · #4066

## Details

- **Author**: BuiltByKern
- **Published**: 2026-08-03
- **Updated**: 2026-09-11
- **Added**: 2026-08-03
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything