Liquid Fill Button
A premium Framer button with a smooth liquid rising-fill animation, three quick styles, and complete customization.
Make it with Workshop
Build your own component with AI
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
