Liquid Fill Button
A premium Framer button with a smooth liquid rising-fill animation, three quick styles, and complete customization.
About this Component
Bring your CTAs to life with smooth liquid motion.
The Liquid Fill Button goes beyond simple hover effects. With a buttery-smooth rising fill animation and four flow directions, your call-to-action feels alive.
Choose from three Quick Styles — Default, Glass Glow, or Soft Blur — or fine-tune every detail with Framer-native controls:
• ✨ Colors & Borders: Set your size, fill, border, hover and radius.
• 🅰️ Typography: Full Framer font picker, weight, size, alignment.
• ⏱ Motion: Dial in custom fill and drain durations for the perfect rhythm.
• 💫 Effects: Toggle Blur or Glow for subtle or standout looks.
All fully responsive, link-ready, and styled with premium defaults for that Framer-native feel.
Perfect for: landing pages, hero CTAs, product launches, or anywhere you want your button to flow instead of just click.
👉 Make your buttons liquid smooth
