---
title: "Flux Button — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Kai Le · Buttons. Cinematic fluid-fill interaction"
canonical: "https://framer.elliotli.dev/component/flux-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Flux Button

# Flux Button

Cinematic fluid-fill interaction

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

![Flux Button preview image 1](https://framer.elliotli.dev/og/component/flux-button/3edde32e8fc8d9a0/1600x1200.jpg)

## Summary

Cinematic fluid-fill interaction

## Description

-   **Fluid Motion**: Features a meticulously timed CSS transition that creates a sophisticated "fill" effect upon interaction.
    
-   **Responsive Precision**: Fully optimized for Desktop, Tablet, and Mobile to ensure a flawless experience across all devices.
    
-   **Instant Customization**: Easily adjust typography and colors via Framer’s sidebar variables to match your brand identity.
    
-   **Performance First**: Built with clean, efficient code to ensure zero impact on your site's loading speed.
    
-   **Versatile States**: Includes polished Hover and Pressed states for intuitive user feedback.
    

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

-   All · #10960

## Details

- **Author**: Kai Le
- **Price**: $5.00
- **Published**: 2026-04-28
- **Updated**: 2026-04-27
- **Added**: 2026-04-22
- **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