component
Liquid Fill Button
By Mat Ford
Details
- Mat FordAuthor
- componentType
- $5.00Price
- 2025-09-21Published
- 2026-01-19Updated
- 2025-09-05Added
- ButtonsCategories
Summary
The Liquid Fill Button goes beyond simple hover effects.
Description
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
Introduction
Give your buttons a liquid fill effect
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #8874