---
title: "OfferButton — Free Framer component · Best of Framer"
description: "Free Framer component · by mehul · Buttons. OfferButton is a responsive, animated pill-style call-to-action button designed for high-impact promotions, flash sales, and limited-time offers."
canonical: "https://framer.elliotli.dev/component/offerbutton"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/OfferButton

# OfferButton

offer button with hover motion

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

![OfferButton preview image 1](https://framer.elliotli.dev/og/component/offerbutton/e2d47f65d470cfd8/1600x1200.jpg)

## Summary

OfferButton is a responsive, animated pill-style call-to-action button designed for high-impact promotions, flash sales, and limited-time offers.

## Description

OfferButton is a responsive, animated pill-style call-to-action button designed for high-impact promotions, flash sales, and limited-time offers. Floating tags, dynamic borders, and smooth micro-interactions create a refined and engaging user experience. The component automatically adapts to your text, typography, padding, and layout settings while maintaining consistent proportions.

## Features

-   Auto-resizing pill button that adjusts to text length
    
-   Floating promotional tags for time-sensitive messages
    
-   Independent font controls for the button, top tag, and bottom tag
    
-   Adjustable padding for full layout flexibility
    
-   Hover, press, and border animations with four selectable motion styles
    
-   Tag color, text color, and background customization
    
-   Optional link support to direct users to any URL
    
-   Adjustable text shadow for improved readability or minimal design styles
    

## Controls

ContentButton Label, Top Tag Text, Bottom Tag Text, Button Link

TypographyButton Font, Top Tag Font, Bottom Tag Font, Text Size, Text Color

AppearanceButton Color, Tag Background, Tag Text Color, Text Shadow settings

LayoutPadding X, Padding Y

Animation StyleClassic, Dramatic, Playful, Minimal

## Ideal Use Cases

-   Flash sales and limited-time offers
    
-   Pricing sections and landing page CTAs
    
-   Product launches and promotional highlights
    
-   Upgrade prompts and feature callouts
    

## Support

If you need help setting up or customizing the component, you can reach out anytime for assistance.

### Refund Policy

Due to the nature of digital products, refunds are generally not available after purchase. Exceptions may be made for duplicate purchases or technical issues that cannot be resolved.

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

-   All · #7672

## Details

- **Author**: mehul
- **Published**: 2025-12-11
- **Updated**: 2026-07-15
- **Added**: 2025-11-24
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow