---
title: "AnimatedButtonFX — Framer component · Best of Framer"
description: "$10.00 · Framer component · by DiverseKit · Buttons. Fully animated button with interactions"
canonical: "https://framer.elliotli.dev/component/animatedbuttonfx"
---

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

# AnimatedButtonFX

Fully animated button interactions

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

![AnimatedButtonFX preview image 1](https://framer.elliotli.dev/og/component/animatedbuttonfx/68af94665db6b6f5/1600x1200.jpg)

## Summary

Fully animated button with interactions

## Description

AnimatedButton FX is a flexible Framer button component designed to bring life and responsiveness to your interface. It features smooth hover, press, and state animations that provide clear feedback and make interactions feel modern and tactile.

You can customize animation styles such as scale, slide, glow, ripple, color shift, or bounce. Control speed, easing, delays, and triggers for both hover and click states. Text, icons, colors, borders, shadows, padding, and shapes are fully editable to match your design system.

Built for performance and responsiveness, it works seamlessly across desktop and mobile layouts.

Ideal for call-to-actions, forms, hero sections, and product interfaces, AnimatedButton FX turns ordinary buttons into engaging, polished interactions that feel premium and intentional.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-lr6xxd7c-RubFx4JGsCTUwGPRcEqnr3fyPtLGE2)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

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

-   All · #7480

## Details

- **Author**: DiverseKit
- **Price**: $10.00
- **Published**: 2026-02-16
- **Updated**: 2026-10-01
- **Added**: 2026-02-13
- **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