Fluxora Liquid Button is a premium animated Framer Code Component built for high-converting call-to-action moments. It combines a polished liquid shine effect, animated glow, optional icon, optional subtext, arrow indicator, badge dot, hover motion, and multiple visual styles inside one reusable button component.
The component is designed as a single flexible UI element, not a full section. It can be used in hero areas, pricing tables, product cards, landing pages, portfolio websites, SaaS pages, checkout flows, creator offers, and e-commerce pages.
Fluxora includes several styling and animation options, so it can fit different website styles. Use it as a colorful gradient CTA, clean outline button, glassmorphism button, dark premium button, or simple solid action button. The animation can be set to liquid, pulse, magnetic, or minimal depending on the desired look.
Everything is customizable directly through Framer Property Controls. You can change the text, subtext, icon, link, colors, radius, padding, spacing, font size, font weight, animation style, hover behavior, width mode, border, glow, shine, badge dot, and arrow visibility without editing code.
Features:
- Premium animated CTA button
- Liquid shine animation
- Animated glow and pulse effect
- Optional magnetic hover movement
- Optional icon
- Optional subtext
- Optional arrow indicator
- Optional badge dot
- Tap animation
- Multiple visual variants: solid, gradient, glass, outline, and dark
- Multiple animation styles: liquid, pulse, magnetic, and minimal
- Multiple hover styles: lift, scale, push, and none
- Fit width or fill width mode
- Custom link support
- Optional open in new tab
- Fully editable colors, typography, radius, padding, and spacing
- Canvas-safe animation handling with RenderTarget
- Responsive and reusable
- No external libraries besides React, Framer, and Framer Motion
Typical Use Cases:
- Hero CTA buttons
- Pricing buttons
- Product purchase buttons
- SaaS landing page CTAs
- Portfolio contact buttons
- Newsletter signup CTAs
- E-commerce action buttons
- Creator offer buttons
- App download buttons
- Checkout and conversion flows
Fluxora Liquid Button is a premium animated Framer Code Component built for high-converting call-to-action moments. It combines a polished liquid shine effect, animated glow, optional icon, optional subtext, arrow indicator, badge dot, hover motion, and multiple visual styles inside one reusable button component.
The component is designed as a single flexible UI element, not a full section. It can be used in hero areas, pricing tables, product cards, landing pages, portfolio websites, SaaS pages, checkout flows, creator offers, and e-commerce pages.
Fluxora includes several styling and animation options, so it can fit different website styles. Use it as a colorful gradient CTA, clean outline button, glassmorphism button, dark premium button, or simple solid action button. The animation can be set to liquid, pulse, magnetic, or minimal depending on the desired look.
Everything is customizable directly through Framer Property Controls. You can change the text, subtext, icon, link, colors, radius, padding, spacing, font size, font weight, animation style, hover behavior, width mode, border, glow, shine, badge dot, and arrow visibility without editing code.
Features:
- Premium animated CTA button
- Liquid shine animation
- Animated glow and pulse effect
- Optional magnetic hover movement
- Optional icon
- Optional subtext
- Optional arrow indicator
- Optional badge dot
- Tap animation
- Multiple visual variants: solid, gradient, glass, outline, and dark
- Multiple animation styles: liquid, pulse, magnetic, and minimal
- Multiple hover styles: lift, scale, push, and none
- Fit width or fill width mode
- Custom link support
- Optional open in new tab
- Fully editable colors, typography, radius, padding, and spacing
- Canvas-safe animation handling with RenderTarget
- Responsive and reusable
- No external libraries besides React, Framer, and Framer Motion
Typical Use Cases:
- Hero CTA buttons
- Pricing buttons
- Product purchase buttons
- SaaS landing page CTAs
- Portfolio contact buttons
- Newsletter signup CTAs
- E-commerce action buttons
- Creator offer buttons
- App download buttons
- Checkout and conversion flows
