component
Fluid Rise Button
By Edi Priatama
Details
- Edi PriatamaAuthor
- componentType
- 2026-01-07Published
- 2026-02-26Updated
- 2025-12-15Added
- ButtonsCategories
Summary
button with a fill animation
Description
button with a fill animation that rises from the bottom, creating a clean and modern interaction. Perfect for call-to-action buttons, landing pages, and navigation elements. Customizable Options : Text : Set the button label text. Link : Add a destination URL for the button. Background : Define the default button background color. Fill Color : Choose the color of the liquid fill animation on hover. Text Color : Set the text color in the normal state. Fill Text Color : Set the text color when the button is filled. Radius : Adjust the button’s corner roundness. Border Width : Control the thickness of the button border. Border Color : Set the border color. Font : font, size, weight, letter spacing, and line height.
Introduction
button with a fill animation
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2920