buttons
Fill-from-bottom hover button
An outline button whose hover state doesn't just change color, it FLOODS it. A colored pseudo-element rises from translateY(101%) to cover the button while the text switches to dark and the border adopts the fill color.
See it live and copy its promptWhat you can adjust
- Fill color
- Fill duration
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
